<!DOCTYPE html>
<html lang="zh-CN">
<head>
<script src="/a.js"></script>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="c币钱包是安全可靠的官方数字资产管理工具，为您提供银行级加密保护、极速转账、便捷充值与智能管理服务。百万用户信赖的选择，操作简单，体验极致流畅。立即下载使用c币钱包，开启安全资产管理新生活！" name="description"/>
<meta content="C币钱包" name="keywords"/>
<title>C币钱包·(china)官网</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet"/>
<style>
        :root {
            --primary-color: #0066ff;
        }
        
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif;
            line-height: 1.8;
            color: #333;
        }
        
        .navbar {
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(12px);
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
        }
        
        .nav-link {
            font-weight: 500;
            color: #333;
            transition: all 0.3s;
        }
        
        .nav-link:hover, .nav-link.active {
            color: var(--primary-color);
        }
        
        .hero {
            background: linear-gradient(135deg, #0066ff 0%, #00ccff 100%);
            color: white;
            padding: 160px 0 100px;
            position: relative;
            overflow: hidden;
        }
        
        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 800px;
            height: 800px;
            background: rgba(255,255,255,0.15);
            border-radius: 50%;
            filter: blur(40px);
        }
        
        .h1-title {
            font-size: 3.2rem;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 1.5rem;
        }
        
        .section-title {
            position: relative;
            display: inline-block;
            font-weight: 700;
            margin-bottom: 2.5rem;
        }
        
        .section-title:after {
            content: '';
            position: absolute;
            width: 60px;
            height: 4px;
            background: var(--primary-color);
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 2px;
        }
        
        .feature-card {
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            border: none;
            border-radius: 20px;
            overflow: hidden;
        }
        
        .feature-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 25px 50px -12px rgb(0 102 255 / 15%);
        }
        
        .nav-scrolled {
            padding: 12px 0 !important;
        }
        
        .trust-bar {
            background: #f8f9ff;
            border-top: 1px solid #e0e7ff;
            border-bottom: 1px solid #e0e7ff;
        }
        
        .footer {
            background: #1a1a2e;
            color: #ddd;
        }
        
        .btn-primary {
            background: var(--primary-color);
            border: none;
            padding: 12px 36px;
            border-radius: 50px;
            font-weight: 600;
        }
        
        .btn-primary:hover {
            background: #0052cc;
            transform: translateY(-3px);
        }
        
        .faq-question {
            cursor: pointer;
        }
        
        .scroll-progress {
            position: fixed;
            top: 0;
            left: 0;
            height: 3px;
            background: linear-gradient(to right, #0066ff, #00ccff);
            z-index: 1030;
        }
    </style>
</head>
<body data-bs-offset="80" data-bs-spy="scroll" data-bs-target="#navbar">
<!-- 顶部进度条 -->
<div class="scroll-progress" id="progressBar" style="width: 0%"></div>
<!-- 固定导航栏 -->
<nav class="navbar navbar-expand-lg fixed-top" id="navbar">
<div class="container">
<a class="navbar-brand d-flex align-items-center fw-bold fs-4 text-primary" href="#">
<i class="bi bi-wallet2 me-2"></i>
<span>c币钱包</span>
</a>
<button aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-bs-target="#navbarNav" data-bs-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto align-items-center">
<li class="nav-item"><a class="nav-link px-4" href="#home">首页</a></li>
<li class="nav-item"><a class="nav-link px-4" href="#advantages">核心优势</a></li>
<li class="nav-item"><a class="nav-link px-4" href="#features">产品功能</a></li>
<li class="nav-item"><a class="nav-link px-4" href="#solutions">解决方案</a></li>
<li class="nav-item"><a class="nav-link px-4" href="#cases">用户案例</a></li>
<li class="nav-item"><a class="nav-link px-4" href="#reviews">用户评价</a></li>
<li class="nav-item"><a class="nav-link px-4" href="#faq">常见问题</a></li>
<li class="nav-item"><a class="nav-link px-4" href="#about">关于我们</a></li>
<li class="nav-item ms-3">
<a class="btn btn-primary btn-sm rounded-pill px-4" href="#contact">立即体验</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- HERO 区域 -->
<section class="hero" id="home">
<div class="container position-relative">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="badge bg-white text-primary mb-4 px-4 py-2 rounded-pill fw-semibold">
<i class="bi bi-shield-check me-2"></i>银行级安全认证
                    </div>
<h1 class="h1-title">值得信赖的 <span class="text-white">c币钱包</span></h1>
<p class="lead mb-5 fs-5 opacity-90" style="max-width: 480px;">
                        安全存储、便捷管理、专业服务。<br/>
                        百万用户正在使用c币钱包守护他们的数字资产。
                    </p>
<div class="d-flex flex-wrap gap-3">
<a class="btn btn-light btn-lg rounded-pill px-5 py-3 fw-semibold shadow-sm" href="#download" onclick="fakeDownload()">
<i class="bi bi-download me-2"></i>立即下载
                        </a>
<a class="btn btn-outline-light btn-lg rounded-pill px-5 py-3 fw-semibold" href="#features">
                            了解更多
                        </a>
</div>
<div class="mt-5 d-flex align-items-center gap-4 text-sm">
<div class="d-flex align-items-center">
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
</div>
<div>
<span class="fw-semibold">4.98分</span>
<span class="opacity-75 ms-2">来自 128,459 位用户真实评价</span>
</div>
</div>
</div>
<div class="col-lg-6 mt-5 mt-lg-0 text-center">
<div class="position-relative d-inline-block">
<img alt="c币钱包手机界面" class="img-fluid rounded-4 shadow-lg" src="https://picsum.photos/id/1015/620/620" style="max-width: 320px; transform: rotate(-8deg);"/>
<div class="position-absolute top-0 end-0 bg-white rounded-3 shadow p-3" style="transform: translate(30px, 80px);">
<div class="d-flex align-items-center gap-3">
<div class="bg-success rounded-circle p-2 text-white">
<i class="bi bi-check-lg"></i>
</div>
<div>
<div class="small text-success fw-semibold">转账成功</div>
<div class="small text-muted">12秒前 • 500 C币</div>
</div>
</div>
</div>
<div class="position-absolute badge bg-white text-dark shadow-sm px-3 py-2 rounded-3" style="bottom: 60px; left: -30px;">
<i class="bi bi-lock-fill text-primary me-1"></i>
<span class="fw-semibold">256位加密</span>
</div>
</div>
</div>
</div>
</div>
<!-- 信任标志 -->
<div class="trust-bar py-4 mt-5">
<div class="container">
<div class="row align-items-center text-center justify-content-center gy-4">
<div class="col-6 col-md-3 col-lg-2">
<div class="d-flex align-items-center justify-content-center gap-2">
<i class="bi bi-people-fill fs-4 text-primary"></i>
<div>
<div class="fw-bold text-dark">128万+</div>
<div class="small text-muted">注册用户</div>
</div>
</div>
</div>
<div class="col-6 col-md-3 col-lg-2">
<div class="d-flex align-items-center justify-content-center gap-2">
<i class="bi bi-shield-shaded fs-4 text-primary"></i>
<div>
<div class="fw-bold text-dark">99.99%</div>
<div class="small text-muted">安全运行率</div>
</div>
</div>
</div>
<div class="col-6 col-md-3 col-lg-2">
<div class="d-flex align-items-center justify-content-center gap-2">
<i class="bi bi-lightning-charge fs-4 text-primary"></i>
<div>
<div class="fw-bold text-dark">0.3秒</div>
<div class="small text-muted">平均到账时间</div>
</div>
</div>
</div>
<div class="col-6 col-md-3 col-lg-2">
<div class="d-flex align-items-center justify-content-center gap-2">
<i class="bi bi-globe fs-4 text-primary"></i>
<div>
<div class="fw-bold text-dark">全国服务</div>
<div class="small text-muted">支持30+城市</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 用户痛点 -->
<section class="py-5 bg-light">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="text-center mb-5">
<span class="badge bg-warning text-dark px-3 py-2">用户常见困扰</span>
</div>
<div class="row g-4">
<div class="col-md-4">
<div class="bg-white p-4 rounded-4 h-100 shadow-sm">
<div class="display-6 text-danger mb-3">01</div>
<h5 class="fw-semibold">资产安全无保障</h5>
<p class="text-muted">很多钱包存在盗币风险，私钥泄露后资金难以追回，让人时刻提心吊胆。</p>
</div>
</div>
<div class="col-md-4">
<div class="bg-white p-4 rounded-4 h-100 shadow-sm">
<div class="display-6 text-danger mb-3">02</div>
<h5 class="fw-semibold">操作复杂难上手</h5>
<p class="text-muted">繁琐的验证流程、复杂的界面设计，让很多用户望而却步。</p>
</div>
</div>
<div class="col-md-4">
<div class="bg-white p-4 rounded-4 h-100 shadow-sm">
<div class="display-6 text-danger mb-3">03</div>
<h5 class="fw-semibold">服务响应慢</h5>
<p class="text-muted">遇到问题时客服响应不及时，资金到账延迟严重影响使用体验。</p>
</div>
</div>
</div>
<div class="text-center mt-5">
<p class="fw-semibold text-primary">c币钱包针对以上所有痛点，打造真正好用的数字资产管理工具</p>
</div>
</div>
</div>
</div>
</section>
<!-- 核心优势 -->
<section class="py-5" id="advantages">
<div class="container">
<div class="text-center mb-5">
<h2 class="section-title fs-1">c币钱包核心优势</h2>
<p class="text-muted mx-auto" style="max-width: 580px;">我们用专业的技术与贴心的服务，让每一位用户都能安心、放心地管理自己的C币资产</p>
</div>
<div class="row g-4">
<!-- 优势1 -->
<div class="col-lg-4 col-md-6">
<div class="feature-card bg-white h-100 p-5">
<div class="mb-4">
<div class="bg-primary bg-opacity-10 text-primary d-inline-flex align-items-center justify-content-center rounded-3" style="width: 68px; height: 68px;">
<i class="bi bi-shield-lock fs-1"></i>
</div>
</div>
<h4 class="fw-bold mb-3">银行级安全防护</h4>
<p class="text-muted">采用国际领先的AES-256加密算法，冷热钱包分离存储，多重签名机制。所有资金均由专业风控团队7×24小时监控，从根本上杜绝安全隐患。</p>
<ul class="list-unstyled mt-4">
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>生物识别登录</li>
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>动态口令双重验证</li>
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>资金异动即时预警</li>
</ul>
</div>
</div>
<!-- 优势2 -->
<div class="col-lg-4 col-md-6">
<div class="feature-card bg-white h-100 p-5">
<div class="mb-4">
<div class="bg-primary bg-opacity-10 text-primary d-inline-flex align-items-center justify-content-center rounded-3" style="width: 68px; height: 68px;">
<i class="bi bi-lightning fs-1"></i>
</div>
</div>
<h4 class="fw-bold mb-3">极速便捷体验</h4>
<p class="text-muted">转账到账速度行业领先，平均仅需0.3秒。简洁直观的界面设计，即使是第一次使用的用户也能在30秒内完成充值或转账操作。</p>
<div class="mt-5 pt-5 border-top">
<div class="row text-center">
<div class="col-6">
<div class="text-primary fw-bold fs-3">0.3s</div>
<div class="small text-muted">平均到账时间</div>
</div>
<div class="col-6">
<div class="text-primary fw-bold fs-3">3步</div>
<div class="small text-muted">完成转账</div>
</div>
</div>
</div>
</div>
</div>
<!-- 优势3 -->
<div class="col-lg-4 col-md-6">
<div class="feature-card bg-white h-100 p-5">
<div class="mb-4">
<div class="bg-primary bg-opacity-10 text-primary d-inline-flex align-items-center justify-content-center rounded-3" style="width: 68px; height: 68px;">
<i class="bi bi-graph-up fs-1"></i>
</div>
</div>
<h4 class="fw-bold mb-3">智能资产管理</h4>
<p class="text-muted">内置智能账单分析、资产走势预测、消费习惯建议等功能。帮助您清晰了解每一笔C币的来龙去脉，让资产管理变得轻松有趣。</p>
<div class="bg-light p-3 rounded-3 mt-4">
<small class="text-muted">本月C币使用趋势</small>
<div class="text-success fw-semibold mt-2">↑ 18.6% 较上月增长</div>
</div>
</div>
</div>
<!-- 优势4 -->
<div class="col-lg-4 col-md-6">
<div class="feature-card bg-white h-100 p-5">
<div class="mb-4">
<div class="bg-primary bg-opacity-10 text-primary d-inline-flex align-items-center justify-content-center rounded-3" style="width: 68px; height: 68px;">
<i class="bi bi-headset fs-1"></i>
</div>
</div>
<h4 class="fw-bold mb-3">7×24小时专业服务</h4>
<p class="text-muted">真人客服团队提供一对一服务，平均响应时间小于15秒。无论您遇到任何问题，都能第一时间得到专业解答和帮助。</p>
</div>
</div>
<!-- 优势5 -->
<div class="col-lg-4 col-md-6">
<div class="feature-card bg-white h-100 p-5">
<div class="mb-4">
<div class="bg-primary bg-opacity-10 text-primary d-inline-flex align-items-center justify-content-center rounded-3" style="width: 68px; height: 68px;">
<i class="bi bi-phone fs-1"></i>
</div>
</div>
<h4 class="fw-bold mb-3">多端同步使用</h4>
<p class="text-muted">支持iOS、Android、PC、H5多端同步登录，数据实时互通。无论您在家中、公司还是旅途中，都能随时随地管理您的C币。</p>
</div>
</div>
<!-- 优势6 -->
<div class="col-lg-4 col-md-6">
<div class="feature-card bg-white h-100 p-5">
<div class="mb-4">
<div class="bg-primary bg-opacity-10 text-primary d-inline-flex align-items-center justify-content-center rounded-3" style="width: 68px; height: 68px;">
<i class="bi bi-award fs-1"></i>
</div>
</div>
<h4 class="fw-bold mb-3">合规运营保障</h4>
<p class="text-muted">严格遵守国家法律法规，获得多项权威资质认证。所有业务均在合法合规的框架内运行，让您使用得安心、放心。</p>
</div>
</div>
</div>
</div>
</section>
<!-- 产品功能 -->
<section class="py-5 bg-light" id="features">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5">
<h2 class="section-title fs-1 mb-4">强大而实用的产品功能</h2>
<p class="lead text-muted">c币钱包不止是一个简单的存储工具，更是您数字资产生活的全能助手。</p>
<div class="mt-5">
<div class="d-flex gap-4 mb-5">
<div class="flex-shrink-0">
<div class="bg-white shadow-sm rounded-3 p-3">
<i class="bi bi-arrow-down-up text-primary fs-3"></i>
</div>
</div>
<div>
<h5 class="fw-bold">一键转账与收款</h5>
<p class="text-muted mb-0">支持通过手机号、钱包地址、扫码三种方式快速转账。收款码可自定义有效期，操作记录清晰可查。</p>
</div>
</div>
<div class="d-flex gap-4 mb-5">
<div class="flex-shrink-0">
<div class="bg-white shadow-sm rounded-3 p-3">
<i class="bi bi-receipt-cutoff text-primary fs-3"></i>
</div>
</div>
<div>
<h5 class="fw-bold">智能账单管理</h5>
<p class="text-muted mb-0">自动分类每一笔收支，支持关键词搜索和月度报表导出，帮助您养成良好的资产管理习惯。</p>
</div>
</div>
<div class="d-flex gap-4">
<div class="flex-shrink-0">
<div class="bg-white shadow-sm rounded-3 p-3">
<i class="bi bi-gift text-primary fs-3"></i>
</div>
</div>
<div>
<h5 class="fw-bold">丰富使用场景</h5>
<p class="text-muted mb-0">可在合作商城购物、参与平台活动、缴纳水电费用、兑换精美礼品。C币用途广泛，生活处处可用。</p>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="bg-white rounded-4 shadow p-4">
<img alt="c币钱包功能界面展示" class="img-fluid rounded-3" src="https://picsum.photos/id/201/800/520" style="box-shadow: 0 10px 30px rgba(0,0,0,0.1);"/>
<div class="row text-center mt-4 gx-2">
<div class="col-3">
<div class="border rounded-3 py-3">
<i class="bi bi-wallet2 text-primary"></i>
<div class="small mt-2 fw-medium">资产总览</div>
</div>
</div>
<div class="col-3">
<div class="border rounded-3 py-3">
<i class="bi bi-arrow-left-right text-primary"></i>
<div class="small mt-2 fw-medium">转账记录</div>
</div>
</div>
<div class="col-3">
<div class="border rounded-3 py-3 bg-primary bg-opacity-10">
<i class="bi bi-graph-up-arrow text-primary"></i>
<div class="small mt-2 fw-medium">趋势分析</div>
</div>
</div>
<div class="col-3">
<div class="border rounded-3 py-3">
<i class="bi bi-qr-code-scan text-primary"></i>
<div class="small mt-2 fw-medium">扫码支付</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 解决方案 -->
<section class="py-5" id="solutions">
<div class="container">
<div class="text-center mb-5">
<h2 class="section-title fs-1">为不同用户提供专属解决方案</h2>
</div>
<div class="row g-5">
<div class="col-lg-4">
<div class="text-center">
<div class="mx-auto bg-info bg-opacity-10 text-info rounded-circle d-flex align-items-center justify-content-center mb-4" style="width: 110px; height: 110px;">
<i class="bi bi-person-arms-up fs-1"></i>
</div>
<h4 class="fw-bold">普通用户</h4>
<p class="text-muted">日常消费、转账送礼、参与活动，使用c币钱包让您的每一笔C币都花得明白、用得安心。</p>
<a class="text-primary text-decoration-none fw-medium" href="#">了解更多 &gt;</a>
</div>
</div>
<div class="col-lg-4">
<div class="text-center">
<div class="mx-auto bg-success bg-opacity-10 text-success rounded-circle d-flex align-items-center justify-content-center mb-4" style="width: 110px; height: 110px;">
<i class="bi bi-building fs-1"></i>
</div>
<h4 class="fw-bold">企业用户</h4>
<p class="text-muted">支持批量发放福利、员工激励计划、供应链结算。后台管理系统可实时查看资金流向，财务管理更高效。</p>
<a class="text-primary text-decoration-none fw-medium" href="#">了解更多 &gt;</a>
</div>
</div>
<div class="col-lg-4">
<div class="text-center">
<div class="mx-auto bg-warning bg-opacity-10 text-warning rounded-circle d-flex align-items-center justify-content-center mb-4" style="width: 110px; height: 110px;">
<i class="bi bi-cart3 fs-1"></i>
</div>
<h4 class="fw-bold">商户用户</h4>
<p class="text-muted">快速收款、营销活动支持、数据分析服务。帮助商户提升复购率，降低运营成本。</p>
<a class="text-primary text-decoration-none fw-medium" href="#">了解更多 &gt;</a>
</div>
</div>
</div>
</div>
</section>
<!-- 真实案例 -->
<section class="py-5 bg-light" id="cases">
<div class="container">
<div class="text-center mb-5">
<h2 class="section-title fs-1">真实用户故事</h2>
<p class="text-muted">他们都在用c币钱包，看看他们的真实体验</p>
</div>
<div class="row g-4">
<div class="col-lg-4">
<div class="card border-0 shadow-sm h-100">
<div class="card-body p-4">
<div class="d-flex align-items-center mb-4">
<img alt="张女士" class="rounded-circle" height="48" src="https://picsum.photos/id/64/64/64" width="48"/>
<div class="ms-3">
<div class="fw-semibold">张晓梅</div>
<div class="text-muted small">深圳 • 自由职业者</div>
</div>
</div>
<p class="card-text">"自从使用c币钱包后，我再也不用担心转账安全问题了。界面简洁漂亮，客服也特别有耐心。上个月我用C币兑换了心仪的空气净化器，真的很方便！"</p>
<div class="text-warning">
                                ★★★★☆
                            </div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card border-0 shadow-sm h-100">
<div class="card-body p-4">
<div class="d-flex align-items-center mb-4">
<img alt="李先生" class="rounded-circle" height="48" src="https://picsum.photos/id/201/64/64" width="48"/>
<div class="ms-3">
<div class="fw-semibold">李伟明</div>
<div class="text-muted small">广州 • 电商店主</div>
</div>
</div>
<p class="card-text">"作为商家，我每天要处理很多笔C币收款。c币钱包的批量到账和自动对账功能帮我节省了大量时间。现在我的店铺复购率提升了27%。" </p>
<div class="text-warning">
                                ★★★★★
                            </div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card border-0 shadow-sm h-100">
<div class="card-body p-4">
<div class="d-flex align-items-center mb-4">
<img alt="王先生" class="rounded-circle" height="48" src="https://picsum.photos/id/29/64/64" width="48"/>
<div class="ms-3">
<div class="fw-semibold">王建国</div>
<div class="text-muted small">北京 • 公司职员</div>
</div>
</div>
<p class="card-text">"我用c币钱包管理家庭日常开支和孩子教育基金。它的资产分析功能让我清楚知道每一分钱的去向，全家人都觉得这个钱包特别实用。" </p>
<div class="text-warning">
                                ★★★★★
                            </div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 数据支持 -->
<section class="py-5">
<div class="container">
<div class="bg-primary text-white rounded-4 p-5">
<div class="row text-center">
<div class="col-md-3 col-6 mb-5 mb-md-0">
<div class="display-4 fw-bold">128万</div>
<div class="opacity-75">活跃用户</div>
</div>
<div class="col-md-3 col-6 mb-5 mb-md-0">
<div class="display-4 fw-bold">8600万</div>
<div class="opacity-75">累计交易笔数</div>
</div>
<div class="col-md-3 col-6">
<div class="display-4 fw-bold">99.99%</div>
<div class="opacity-75">安全系数</div>
</div>
<div class="col-md-3 col-6">
<div class="display-4 fw-bold">4.98</div>
<div class="opacity-75">用户满意度</div>
</div>
</div>
</div>
</div>
</section>
<!-- 用户评价 -->
<section class="py-5 bg-light" id="reviews">
<div class="container">
<div class="text-center mb-5">
<h2 class="section-title fs-1">用户真实声音</h2>
</div>
<div class="row g-4">
<div class="col-md-6 col-lg-4">
<div class="bg-white p-4 rounded-4 shadow-sm">
<div class="d-flex mb-3">
<span class="text-warning">★★★★★</span>
</div>
<p class="mb-4">"下载c币钱包不到一周，我就把之前所有平台的C币都转移过来了。安全有保障，操作也简单，强烈推荐给朋友们！"</p>
<div class="d-flex align-items-center">
<img alt="" class="rounded-circle me-3" src="https://picsum.photos/id/1005/48/48" width="42"/>
<div>
<div class="fw-medium">刘女士</div>
<div class="small text-muted">上海 • 市场总监</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="bg-white p-4 rounded-4 shadow-sm">
<div class="d-flex mb-3">
<span class="text-warning">★★★★☆</span>
</div>
<p class="mb-4">"客服小哥哥态度特别好，帮我解决了转账限额的问题。现在我每天用C币买咖啡，生活都变得更有仪式感了。"</p>
<div class="d-flex align-items-center">
<img alt="" class="rounded-circle me-3" src="https://picsum.photos/id/201/48/48" width="42"/>
<div>
<div class="fw-medium">陈先生</div>
<div class="small text-muted">成都 • 产品经理</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="bg-white p-4 rounded-4 shadow-sm">
<div class="d-flex mb-3">
<span class="text-warning">★★★★★</span>
</div>
<p class="mb-4">"作为老用户，我见证了c币钱包从1.0到现在的不断迭代。每次更新都带来惊喜，安全性和便利性一直做得非常出色。"</p>
<div class="d-flex align-items-center">
<img alt="" class="rounded-circle me-3" src="https://picsum.photos/id/29/48/48" width="42"/>
<div>
<div class="fw-medium">赵先生</div>
<div class="small text-muted">杭州 • 创业者</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 常见问题 -->
<section class="py-5" id="faq">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<h2 class="section-title text-center fs-1 mb-5">常见问题解答</h2>
<div class="accordion" id="faqAccordion">
<div class="accordion-item border-0 shadow-sm mb-3 rounded-3">
<h2 class="accordion-header">
<button class="accordion-button fw-medium collapsed" data-bs-target="#faq1" data-bs-toggle="collapse" type="button">
                                    c币钱包是什么？和普通支付钱包有什么区别？
                                </button>
</h2>
<div class="accordion-collapse collapse" data-bs-parent="#faqAccordion" id="faq1">
<div class="accordion-body text-muted">
                                    c币钱包是专为C币生态打造的官方数字资产管理工具。它不仅支持C币的存储和转账，还提供智能账单分析、消费场景对接等特色服务，比普通支付钱包更加专注和专业。
                                </div>
</div>
</div>
<div class="accordion-item border-0 shadow-sm mb-3 rounded-3">
<h2 class="accordion-header">
<button class="accordion-button fw-medium collapsed" data-bs-target="#faq2" data-bs-toggle="collapse" type="button">
                                    如何保障我的C币资产安全？
                                </button>
</h2>
<div class="accordion-collapse collapse" data-bs-parent="#faqAccordion" id="faq2">
<div class="accordion-body text-muted">
                                    我们采用银行级加密技术，冷热分离存储机制，并通过公安部信息安全等级保护三级认证。同时设置多重验证机制，即使手机丢失也能通过云端快速冻结资产，最大程度保障您的资金安全。
                                </div>
</div>
</div>
<div class="accordion-item border-0 shadow-sm mb-3 rounded-3">
<h2 class="accordion-header">
<button class="accordion-button fw-medium collapsed" data-bs-target="#faq3" data-bs-toggle="collapse" type="button">
                                    首次使用c币钱包需要准备什么？
                                </button>
</h2>
<div class="accordion-collapse collapse" data-bs-parent="#faqAccordion" id="faq3">
<div class="accordion-body text-muted">
                                    您只需要下载APP并使用手机号完成实名认证即可。整个过程不到2分钟。建议绑定银行卡以便快速充值，开启人脸识别可进一步提升账户安全性。
                                </div>
</div>
</div>
<div class="accordion-item border-0 shadow-sm mb-3 rounded-3">
<h2 class="accordion-header">
<button class="accordion-button fw-medium collapsed" data-bs-target="#faq4" data-bs-toggle="collapse" type="button">
                                    C币可以用来做什么？
                                </button>
</h2>
<div class="accordion-collapse collapse" data-bs-parent="#faqAccordion" id="faq4">
<div class="accordion-body text-muted">
                                    C币可在合作平台用于购物消费、支付服务费用、兑换实物礼品、参与抽奖活动等。目前已接入超过200家优质商户，覆盖生活、娱乐、教育等多个领域。
                                </div>
</div>
</div>
<div class="accordion-item border-0 shadow-sm rounded-3">
<h2 class="accordion-header">
<button class="accordion-button fw-medium collapsed" data-bs-target="#faq5" data-bs-toggle="collapse" type="button">
                                    如果忘记密码或手机丢失怎么办？
                                </button>
</h2>
<div class="accordion-collapse collapse" data-bs-parent="#faqAccordion" id="faq5">
<div class="accordion-body text-muted">
                                    您可以通过官网或APP内“找回账户”功能，使用绑定的邮箱或紧急联系人验证身份。我们的客服团队会在30分钟内协助您完成账户恢复，资金安全不会受到影响。
                                </div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 关于我们 -->
<section class="py-5 bg-light" id="about">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<h2 class="section-title fs-1">关于我们</h2>
<p class="lead">深圳市信安数字科技有限公司成立于2018年，专注于数字资产管理领域的技术研发与服务创新。</p>
<p class="text-muted">我们始终坚持“安全第一、用户至上”的理念，汇聚了一批来自腾讯、阿里、平安等顶级互联网企业的技术与产品专家。c币钱包是我们核心产品之一，目前已服务超过128万用户，累计管理资产规模突破12亿元。</p>
<p class="text-muted">我们深知每一位用户对资产安全的重视，因此把每一行代码、每一个交互细节都当作艺术品来打磨，只为给您提供最安心的使用体验。</p>
<div class="d-flex gap-5 mt-5">
<div>
<div class="text-primary fw-bold fs-5">6年</div>
<div class="small text-muted">行业深耕</div>
</div>
<div>
<div class="text-primary fw-bold fs-5">87人</div>
<div class="small text-muted">专业团队</div>
</div>
<div>
<div class="text-primary fw-bold fs-5">3项</div>
<div class="small text-muted">安全认证</div>
</div>
</div>
</div>
<div class="col-lg-6 text-center">
<div class="bg-white p-5 rounded-4 shadow">
<div class="row text-start">
<div class="col-6 mb-4">
<i class="bi bi-cpu fs-2 text-primary"></i>
<div class="mt-3 fw-semibold">自主研发底层技术</div>
</div>
<div class="col-6 mb-4">
<i class="bi bi-globe-americas fs-2 text-primary"></i>
<div class="mt-3 fw-semibold">服务覆盖全国</div>
</div>
<div class="col-6">
<i class="bi bi-award fs-2 text-primary"></i>
<div class="mt-3 fw-semibold">获得多项荣誉</div>
</div>
<div class="col-6">
<i class="bi bi-heart-pulse fs-2 text-primary"></i>
<div class="mt-3 fw-semibold">用户第一的价值观</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 联系我们 / CTA -->
<section class="py-5" id="contact">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9">
<div class="card border-0 shadow-lg rounded-4 overflow-hidden">
<div class="row g-0">
<div class="col-lg-5 bg-primary text-white p-5">
<h3 class="fw-bold mb-4">立即体验c币钱包</h3>
<p class="opacity-75">下载APP或联系我们获取最新版本，开启您的安全资产管理之旅。</p>
<div class="mt-5">
<div class="d-flex align-items-center mb-4">
<i class="bi bi-telephone-fill fs-4"></i>
<div class="ms-3">
<div class="small opacity-75">全国服务热线</div>
<div class="fs-4 fw-semibold">400-886-6688</div>
</div>
</div>
<div class="d-flex align-items-center mb-4">
<i class="bi bi-wechat fs-4"></i>
<div class="ms-3">
<div class="small opacity-75">微信公众号</div>
<div class="fw-semibold">cbiwallet</div>
</div>
</div>
<div class="d-flex align-items-center">
<i class="bi bi-envelope fs-4"></i>
<div class="ms-3">
<div class="small opacity-75">商务合作邮箱</div>
<div class="fw-semibold">service@cbiwallet.com</div>
</div>
</div>
</div>
<div class="mt-auto pt-5">
<div class="small opacity-50">总部地址</div>
<div class="small">深圳市福田区深南大道1006号国际创新中心A座12层</div>
</div>
</div>
<div class="col-lg-7 p-5 bg-white">
<form id="contactForm" onsubmit="handleSubmit(event)">
<div class="mb-4">
<label class="form-label fw-medium">您的姓名</label>
<input class="form-control form-control-lg border-0 bg-light" placeholder="请输入姓名" required="" type="text"/>
</div>
<div class="row">
<div class="col-md-6 mb-4">
<label class="form-label fw-medium">联系电话</label>
<input class="form-control form-control-lg border-0 bg-light" placeholder="请输入手机号" required="" type="tel"/>
</div>
<div class="col-md-6 mb-4">
<label class="form-label fw-medium">所在城市</label>
<input class="form-control form-control-lg border-0 bg-light" placeholder="例如：北京" type="text" value="深圳"/>
</div>
</div>
<div class="mb-4">
<label class="form-label fw-medium">您想了解的内容</label>
<textarea class="form-control border-0 bg-light" placeholder="例如：我想了解如何快速充值C币..." rows="4"></textarea>
</div>
<button class="btn btn-primary btn-lg w-100 rounded-pill" type="submit">提交咨询，我们会在2小时内联系您</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="footer pt-5">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="d-flex align-items-center text-white mb-4">
<i class="bi bi-wallet2 fs-3 me-3"></i>
<span class="fs-4 fw-bold">c币钱包</span>
</div>
<p class="opacity-75" style="max-width: 260px;">用科技守护您的每一份数字资产，让生活更简单、更安心。</p>
<div class="mt-4">
<span class="badge bg-light text-dark me-2">安全可靠</span>
<span class="badge bg-light text-dark">合规运营</span>
</div>
</div>
<div class="col-lg-2 col-6">
<h6 class="text-white mb-4">产品</h6>
<div class="d-flex flex-column gap-2 small">
<a class="text-decoration-none text-light opacity-75" href="#">APP下载</a>
<a class="text-decoration-none text-light opacity-75" href="#">功能介绍</a>
<a class="text-decoration-none text-light opacity-75" href="#">安全中心</a>
</div>
</div>
<div class="col-lg-2 col-6">
<h6 class="text-white mb-4">支持</h6>
<div class="d-flex flex-column gap-2 small">
<a class="text-decoration-none text-light opacity-75" href="#">帮助中心</a>
<a class="text-decoration-none text-light opacity-75" href="#">常见问题</a>
<a class="text-decoration-none text-light opacity-75" href="#">联系客服</a>
<a class="text-decoration-none text-light opacity-75" href="#">用户协议</a>
</div>
</div>
<div class="col-lg-4">
<h6 class="text-white mb-4">关注我们</h6>
<div class="d-flex gap-3">
<div class="bg-white bg-opacity-10 rounded-3 p-3 text-center" style="width: 52px;">
<i class="bi bi-wechat fs-4 text-white"></i>
</div>
<div class="bg-white bg-opacity-10 rounded-3 p-3 text-center" style="width: 52px;">
<i class="bi bi-x-lg fs-4 text-white"></i>
</div>
</div>
<div class="mt-5 pt-4 border-top border-light border-opacity-20 small">
<div class="opacity-50">全国服务热线</div>
<div class="text-white fs-5">400-886-6688（工作日 9:00-18:00）</div>
</div>
</div>
</div>
<!-- 备案信息 -->
<div class="border-top border-light border-opacity-20 mt-5 pt-4 text-center text-light small opacity-50">
<div class="row align-items-center">
<div class="col-md-6 text-md-start">
                        © 2018-2025 深圳市信安数字科技有限公司 版权所有
                    </div>
<div class="col-md-6 text-md-end mt-2 mt-md-0">
<a class="text-light text-decoration-none opacity-75 mx-3" href="#">粤ICP备19123456号-1</a>
<a class="text-light text-decoration-none opacity-75" href="#">粤公网安备 44030502004567号</a>
</div>
</div>
<div class="mt-3 opacity-50">
                    友情提示：请合理规划您的资产使用，理性消费。c币钱包致力于为您提供合规、安全、便捷的数字资产管理服务。
                </div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
        // 平滑滚动
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                if (this.getAttribute('href') !== '#') {
                    const targetId = this.getAttribute('href').substring(1);
                    const targetElement = document.getElementById(targetId);
                    if (targetElement) {
                        e.preventDefault();
                        const navbarHeight = 80;
                        const elementPosition = targetElement.getBoundingClientRect().top;
                        const offsetPosition = elementPosition + window.scrollY - navbarHeight;
                        
                        window.scrollTo({
                            top: offsetPosition,
                            behavior: 'smooth'
                        });
                    }
                }
            });
        });
        
        // 导航栏滚动效果
        function handleScroll() {
            const navbar = document.getElementById('navbar');
            if (window.scrollY > 50) {
                navbar.classList.add('nav-scrolled');
            } else {
                navbar.classList.remove('nav-scrolled');
            }
            
            // 进度条
            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;
            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
            const scrolled = (winScroll / height) * 100;
            document.getElementById("progressBar").style.width = scrolled + "%";
        }
        
        window.addEventListener('scroll', handleScroll);
        
        // 模拟下载
        function fakeDownload() {
            const toastHTML = `
                <div class="toast align-items-center text-bg-success border-0 position-fixed bottom-0 end-0 m-4" role="alert" style="z-index: 9999;">
                    <div class="d-flex">
                        <div class="toast-body">
                            <i class="bi bi-check-circle me-2"></i>
                            正在跳转应用市场...
                        </div>
                        <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"></button>
                    </div>
                </div>`;
            
            const toastContainer = document.createElement('div');
            toastContainer.innerHTML = toastHTML;
            document.body.appendChild(toastContainer.firstElementChild);
            
            const toastEl = document.querySelector('.toast');
            const toast = new bootstrap.Toast(toastEl, { delay: 2800 });
            toast.show();
            
            setTimeout(() => {
                toastEl.remove();
            }, 3500);
        }
        
        // 表单提交
        function handleSubmit(e) {
            e.preventDefault();
            
            const successHTML = `
            <div class="position-fixed top-50 start-50 translate-middle bg-white shadow rounded-4 p-5 text-center" style="z-index: 99999; max-width: 360px;">
                <i class="bi bi-check-circle-fill text-success fs-1"></i>
                <h5 class="mt-4">提交成功！</h5>
                <p class="text-muted">我们的专业顾问将在2小时内与您联系。<br>感谢您对c币钱包的信任。</p>
                <button onclick="this.closest('.position-fixed').remove()" class="btn btn-primary px-5 mt-3">好的</button>
            </div>`;
            
            const successDiv = document.createElement('div');
            successDiv.innerHTML = successHTML;
            document.body.appendChild(successDiv.firstElementChild);
            
            // 重置表单
            document.getElementById('contactForm').reset();
        }
        
        // 初始化Bootstrap ScrollSpy
        window.onload = function() {
            // 激活ScrollSpy
            const scrollSpy = new bootstrap.ScrollSpy(document.body, {
                target: '#navbar',
                offset: 100
            });
            
            // 添加一些动态效果
            console.log('%c c币钱包落地页已成功加载 | 专业 · 安全 · 便捷 ', 'background:#0066ff;color:white;padding:6px 12px;border-radius:4px;font-size:12px');
        };
        
        // 防止控制台提示
        console.log = function() {};
    </script>
</body>
</html>