<!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币存储、转账、兑换一站式服务。银行级加密保护，操作简单便捷，50万+用户信赖。立即下载C币钱包，开启智能积分生活！" name="description"/>
<meta content="C币钱包" name="keywords"/>
<title>C币钱包官网 - 支付理财一体化的安全数字钱包</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet"/>
<style>
        :root {
            --primary: #0066ff;
            --primary-dark: #0052cc;
        }
        
        body {
            font-family: "Microsoft YaHei", system-ui, -apple-system, sans-serif;
            line-height: 1.8;
            color: #333;
        }
        
        .navbar {
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(10px);
        }
        
        .hero {
            background: linear-gradient(135deg, #0066ff 0%, #00aaff 100%);
            color: white;
            padding: 160px 0 100px;
            position: relative;
            overflow: hidden;
        }
        
        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 600px;
            height: 600px;
            background: rgba(255,255,255,0.15);
            border-radius: 50%;
            z-index: 1;
        }
        
        .nav-link {
            color: #333;
            font-weight: 500;
            margin: 0 10px;
            transition: all 0.3s;
        }
        
        .nav-link:hover {
            color: var(--primary);
        }
        
        .section-title {
            position: relative;
            display: inline-block;
            font-size: 2.2rem;
            font-weight: 700;
            margin-bottom: 2rem;
        }
        
        .section-title:after {
            content: '';
            position: absolute;
            width: 60px;
            height: 4px;
            background: var(--primary);
            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;
            height: 100%;
        }
        
        .feature-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 25px 50px -12px rgb(0 102 255 / 15%);
        }
        
        .btn-primary {
            background: var(--primary);
            border: none;
            padding: 12px 32px;
            border-radius: 50px;
            font-weight: 600;
        }
        
        .btn-primary:hover {
            background: var(--primary-dark);
            transform: translateY(-3px);
        }
        
        .trust-bar {
            background: #f8f9fa;
            padding: 20px 0;
        }
        
        .faq-question {
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .footer {
            background: #1a1a2e;
            color: #ddd;
        }
        
        .scroll-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 50px;
            height: 50px;
            background: var(--primary);
            color: white;
            border-radius: 50%;
            display: none;
            align-items: center;
            justify-content: center;
            box-shadow: 0 5px 15px rgba(0,102,255,0.3);
            z-index: 1000;
        }
        
        .money-float {
            position: absolute;
            font-size: 2.5rem;
            opacity: 0.15;
            animation: floatMoney 15s linear infinite;
            z-index: 0;
        }
    </style>
</head>
<body data-bs-offset="80" data-bs-spy="scroll" data-bs-target="#mainNav">
<!-- 顶部导航栏 -->
<nav class="navbar navbar-expand-lg fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand fw-bold fs-3 text-primary d-flex align-items-center" href="#">
<i class="bi bi-wallet2 me-2"></i>
                C币钱包
            </a>
<button aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-bs-target="#navbarContent" data-bs-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarContent">
<ul class="navbar-nav ms-auto align-items-center">
<li class="nav-item">
<a class="nav-link" href="#home">首页</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#advantages">核心优势</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#features">功能介绍</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#solutions">解决方案</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cases">用户案例</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#reviews">用户评价</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq">常见问题</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">关于我们</a>
</li>
<li class="nav-item ms-3">
<a class="btn btn-primary btn-sm px-4" href="#download">立即下载</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Hero 首页 -->
<section class="hero" id="home">
<div class="container position-relative" style="z-index: 2;">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="badge bg-white text-primary mb-3 px-3 py-2 rounded-pill fw-semibold">
<i class="bi bi-shield-check me-1"></i> 官方认证 · 安全可信
                    </div>
<h1 class="display-3 fw-bold mb-4">C币钱包</h1>
<h2 class="h3 mb-4 text-white-50">安全 · 便捷 · 专业<br/>您的C币智能管理专家</h2>
<p class="lead mb-5" style="max-width: 520px;">
                        超过50万用户信赖的官方C币钱包。银行级加密技术保护您的每一枚C币，3秒完成转账，轻松兑换丰富奖励。
                    </p>
<div class="d-flex flex-wrap gap-3">
<a class="btn btn-light btn-lg px-5 py-3 fw-semibold shadow-sm" href="#download" onclick="downloadApp()">
<i class="bi bi-download me-2"></i>免费下载APP
                        </a>
<a class="btn btn-outline-light btn-lg px-5 py-3 fw-semibold" href="#features">
                            了解更多
                        </a>
</div>
<div class="mt-5 d-flex align-items-center gap-4 text-white-50">
<div>
<i class="bi bi-check-circle-fill text-success me-2"></i>
<span class="small">已服务 <strong class="text-white">528,391</strong> 用户</span>
</div>
<div class="vr"></div>
<div class="d-flex align-items-center">
<span class="badge bg-success me-2">●</span>
<span class="small">系统运行正常</span>
</div>
</div>
</div>
<div class="col-lg-5 mt-5 mt-lg-0">
<div class="position-relative">
<div class="bg-white rounded-4 shadow-xl p-3 mx-auto" style="max-width: 320px;">
<div class="bg-light rounded-3 p-4 text-center">
<div class="d-flex justify-content-between align-items-center mb-4">
<div class="fw-bold text-dark">C币钱包</div>
<div class="text-success small fw-semibold">● 在线</div>
</div>
<div class="my-4">
<div class="display-5 fw-bold text-primary mb-1">8,459.32</div>
<div class="text-muted">当前C币余额</div>
</div>
<div class="d-grid gap-2">
<button class="btn btn-primary rounded-3 py-3 fw-semibold" onclick="fakeAction()">
                                        一键转账C币
                                    </button>
<button class="btn btn-outline-primary rounded-3 py-3 fw-semibold" onclick="fakeAction()">
                                        去兑换中心
                                    </button>
</div>
<div class="mt-4 pt-4 border-top text-start small">
<div class="d-flex justify-content-between mb-2">
<span class="text-muted">最近交易</span>
<span class="text-success">+120 C币</span>
</div>
<div class="text-muted">来自好友“晓明” • 2小时前</div>
</div>
</div>
</div>
<!-- 悬浮标签 -->
<div class="position-absolute top-0 start-0 bg-white shadow rounded-3 p-3" style="transform: rotate(-12deg); margin-top: -40px; margin-left: -30px;">
<div class="d-flex align-items-center gap-2">
<i class="bi bi-shield-lock-fill text-success fs-4"></i>
<div>
<div class="fw-bold small text-dark">256位加密</div>
<div class="text-muted" style="font-size: 10px;">银行级安全</div>
</div>
</div>
</div>
<div class="position-absolute bottom-0 end-0 bg-white shadow rounded-3 p-3 text-center" style="transform: rotate(8deg); margin-bottom: -30px; margin-right: -20px;">
<div class="text-primary fw-bold">99.99%</div>
<div class="small text-muted">资金安全率</div>
</div>
</div>
</div>
</div>
</div>
<!-- 漂浮元素 -->
<div class="money-float" style="top: 15%; left: 8%; animation-delay: 0s;">💰</div>
<div class="money-float" style="top: 35%; left: 18%; animation-delay: 3s;">🪙</div>
<div class="money-float" style="top: 65%; left: 12%; animation-delay: 7s;">📱</div>
<div class="money-float" style="top: 25%; right: 15%; animation-delay: 5s;">🔒</div>
</section>
<!-- 信任条 -->
<div class="trust-bar">
<div class="container">
<div class="row align-items-center justify-content-center text-center g-5" style="opacity: 0.7;">
<div class="col-4 col-md-2">
<img alt="合作银行" class="img-fluid" src="https://via.placeholder.com/120x40/0066ff/ffffff?text=招商银行"/>
</div>
<div class="col-4 col-md-2">
<img alt="支付宝" class="img-fluid" src="https://via.placeholder.com/120x40/0066ff/ffffff?text=支付宝"/>
</div>
<div class="col-4 col-md-2">
<img alt="微信支付" class="img-fluid" src="https://via.placeholder.com/120x40/0066ff/ffffff?text=微信支付"/>
</div>
<div class="col-4 col-md-2">
<img alt="京东" class="img-fluid" src="https://via.placeholder.com/120x40/0066ff/ffffff?text=京东"/>
</div>
<div class="col-4 col-md-2">
<img alt="美团" class="img-fluid" src="https://via.placeholder.com/120x40/0066ff/ffffff?text=美团"/>
</div>
</div>
</div>
</div>
<!-- 核心优势 -->
<section class="py-5 bg-light" id="advantages">
<div class="container py-5">
<div class="text-center mb-5">
<span class="badge bg-primary bg-opacity-10 text-primary px-3 py-2">值得信赖</span>
<h2 class="section-title text-dark">选择C币钱包的5大核心优势</h2>
<p class="text-muted mx-auto" style="max-width: 580px;">
                    我们深知用户对C币资产安全的重视，因此从技术、体验、生态、服务全方位打造行业领先的C币钱包
                </p>
</div>
<div class="row g-4">
<!-- 优势1 -->
<div class="col-lg-4 col-md-6">
<div class="feature-card bg-white p-5 h-100">
<div class="d-inline-flex align-items-center justify-content-center bg-primary bg-opacity-10 rounded-3 mb-4" style="width: 65px; height: 65px;">
<i class="bi bi-shield-lock text-primary fs-2"></i>
</div>
<h4 class="fw-bold mb-3">银行级安全防护</h4>
<p class="text-muted">
                            采用国际领先的AES-256加密算法与生物识别技术，支持指纹、人脸、动态口令三重验证。您的C币资产即使在极端情况下也能得到最严密的保护，从未发生过一起资金安全事故。
                        </p>
<div class="mt-auto pt-4 border-top">
<span class="badge bg-success">安全系数 99.99%</span>
</div>
</div>
</div>
<!-- 优势2 -->
<div class="col-lg-4 col-md-6">
<div class="feature-card bg-white p-5 h-100">
<div class="d-inline-flex align-items-center justify-content-center bg-primary bg-opacity-10 rounded-3 mb-4" style="width: 65px; height: 65px;">
<i class="bi bi-lightning-charge text-primary fs-2"></i>
</div>
<h4 class="fw-bold mb-3">极致便捷体验</h4>
<p class="text-muted">
                            专为普通用户设计，界面简洁清晰。新用户3分钟即可完成注册并绑定C币账户。转账、兑换、查询全部一键完成，即使是父母辈也能轻松上手使用C币钱包。
                        </p>
<ul class="list-unstyled mt-4">
<li class="mb-2"><i class="bi bi-check text-success me-2"></i>3秒快速转账</li>
<li class="mb-2"><i class="bi bi-check text-success me-2"></i>实时余额查询</li>
<li><i class="bi bi-check text-success me-2"></i>智能语音助手</li>
</ul>
</div>
</div>
<!-- 优势3 -->
<div class="col-lg-4 col-md-6">
<div class="feature-card bg-white p-5 h-100">
<div class="d-inline-flex align-items-center justify-content-center bg-primary bg-opacity-10 rounded-3 mb-4" style="width: 65px; height: 65px;">
<i class="bi bi-graph-up text-primary fs-2"></i>
</div>
<h4 class="fw-bold mb-3">丰富生态应用</h4>
<p class="text-muted">
                            C币钱包已接入300+合作商户与平台。无论是日常购物、餐饮外卖、在线教育还是旅行出行，您都可以使用C币进行抵扣或支付。真正实现积分价值最大化。
                        </p>
<div class="mt-4 text-primary small fw-semibold">
                            已接入平台：<span class="text-dark">京东、美团、携程、知乎、得到</span>
</div>
</div>
</div>
<!-- 优势4 -->
<div class="col-lg-4 col-md-6">
<div class="feature-card bg-white p-5 h-100">
<div class="d-inline-flex align-items-center justify-content-center bg-primary bg-opacity-10 rounded-3 mb-4" style="width: 65px; height: 65px;">
<i class="bi bi-people text-primary fs-2"></i>
</div>
<h4 class="fw-bold mb-3">7×24小时专业服务</h4>
<p class="text-muted">
                            我们的客服团队全部由金融从业背景人员组成，平均响应时间小于30秒。无论您在使用C币钱包过程中遇到任何问题，都能得到耐心、专业、及时的解答。
                        </p>
<a class="text-primary text-decoration-none small" href="#" onclick="contactUs()">
                            立即联系客服 <i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
<!-- 优势5 -->
<div class="col-lg-4 col-md-6">
<div class="feature-card bg-white p-5 h-100">
<div class="d-inline-flex align-items-center justify-content-center bg-primary bg-opacity-10 rounded-3 mb-4" style="width: 65px; height: 65px;">
<i class="bi bi-clock-history text-primary fs-2"></i>
</div>
<h4 class="fw-bold mb-3">交易完全透明</h4>
<p class="text-muted">
                            每一笔C币的流入流出都有完整记录，支持按时间、类型、金额多维度筛选。支持导出Excel报表，让您的C币使用情况一目了然，再也不用担心积分不知去向。
                        </p>
</div>
</div>
</div>
</div>
</section>
<!-- 功能介绍 -->
<section class="py-5" id="features">
<div class="container py-5">
<div class="row align-items-center">
<div class="col-lg-6">
<h2 class="section-title">C币钱包核心功能</h2>
<p class="lead text-muted mb-5">
                        我们不仅仅是一个钱包，更是为C币用户量身打造的智能生活助手
                    </p>
<div class="accordion" id="featureAccordion">
<div class="accordion-item border-0 shadow-sm mb-3">
<h2 class="accordion-header">
<button class="accordion-button bg-light" data-bs-target="#collapseOne" data-bs-toggle="collapse" type="button">
<i class="bi bi-arrow-left-right me-3 text-primary"></i>
                                    智能转账
                                </button>
</h2>
<div class="accordion-collapse collapse show" data-bs-parent="#featureAccordion" id="collapseOne">
<div class="accordion-body">
                                    支持通过手机号、用户名、扫码三种方式向好友转赠C币。支持设置转账备注与祝福语，到账即时到账，无任何手续费。
                                </div>
</div>
</div>
<div class="accordion-item border-0 shadow-sm mb-3">
<h2 class="accordion-header">
<button class="accordion-button bg-light collapsed" data-bs-target="#collapseTwo" data-bs-toggle="collapse" type="button">
<i class="bi bi-cart3 me-3 text-primary"></i>
                                    积分商城
                                </button>
</h2>
<div class="accordion-collapse collapse" data-bs-parent="#featureAccordion" id="collapseTwo">
<div class="accordion-body">
                                    内置海量优质商品与服务，C币可直接兑换实物礼品、优惠券、会员权益。每日更新限时抢购活动。
                                </div>
</div>
</div>
<div class="accordion-item border-0 shadow-sm mb-3">
<h2 class="accordion-header">
<button class="accordion-button bg-light collapsed" data-bs-target="#collapseThree" data-bs-toggle="collapse" type="button">
<i class="bi bi-bar-chart me-3 text-primary"></i>
                                    资产报表
                                </button>
</h2>
<div class="accordion-collapse collapse" data-bs-parent="#featureAccordion" id="collapseThree">
<div class="accordion-body">
                                    每月自动生成C币收支报告，用图表直观展示您的C币获取与消费习惯，帮助您更好地规划积分使用策略。
                                </div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-5 mt-lg-0">
<div class="bg-light rounded-4 p-5">
<img alt="C币钱包功能演示" class="img-fluid rounded-3 shadow" src="https://picsum.photos/id/1015/600/520" style="width: 100%;"/>
<div class="text-center mt-4 text-muted small">
<i class="bi bi-phone me-2"></i>
                            手机端界面演示（支持iOS &amp; Android）
                        </div>
</div>
</div>
</div>
</div>
</section>
<!-- 用户痛点与解决方案 -->
<section class="py-5 bg-light" id="solutions">
<div class="container py-5">
<div class="text-center mb-5">
<h2 class="section-title">您是否也遇到这些C币管理难题？</h2>
</div>
<div class="row g-5">
<div class="col-md-6">
<div class="d-flex gap-4">
<div class="flex-shrink-0">
<div class="bg-danger bg-opacity-10 text-danger rounded-circle d-flex align-items-center justify-content-center" style="width: 52px; height: 52px; font-size: 1.6rem;">😣</div>
</div>
<div>
<h5 class="fw-bold">C币分散在多个平台</h5>
<p class="text-muted">不同App的积分无法互通，经常忘记哪些平台还有C币，导致大量积分过期浪费。</p>
<div class="bg-white p-4 rounded-3 border-start border-4 border-primary">
<strong class="text-primary">C币钱包解决方案：</strong>
<span class="text-muted">一站式聚合各大平台C币，自动提醒即将过期的积分，帮您把每一分价值都用起来。</span>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="d-flex gap-4">
<div class="flex-shrink-0">
<div class="bg-danger bg-opacity-10 text-danger rounded-circle d-flex align-items-center justify-content-center" style="width: 52px; height: 52px; font-size: 1.6rem;">🔓</div>
</div>
<div>
<h5 class="fw-bold">担心账户被盗</h5>
<p class="text-muted">曾经有朋友的积分被盗刷，导致多年积累的C币一夜清零，心痛不已。</p>
<div class="bg-white p-4 rounded-3 border-start border-4 border-primary">
<strong class="text-primary">C币钱包解决方案：</strong>
<span class="text-muted">多重安全验证+实时风控系统，任何异常登录或大额转账都会第一时间短信+APP双重提醒。</span>
</div>
</div>
</div>
</div>
</div>
<div class="mt-5 pt-5 border-top">
<h4 class="text-center mb-4 text-primary">用C币钱包，轻松解决以上所有问题</h4>
<div class="row text-center g-4">
<div class="col-md-3 col-6">
<div class="p-4">
<i class="bi bi-arrow-repeat fs-1 text-primary"></i>
<div class="mt-3 fw-semibold">一键归集</div>
<div class="small text-muted">多平台C币自动同步</div>
</div>
</div>
<div class="col-md-3 col-6">
<div class="p-4">
<i class="bi bi-lock fs-1 text-primary"></i>
<div class="mt-3 fw-semibold">安全无忧</div>
<div class="small text-muted">多重验证防盗刷</div>
</div>
</div>
<div class="col-md-3 col-6">
<div class="p-4">
<i class="bi bi-gift fs-1 text-primary"></i>
<div class="mt-3 fw-semibold">超值兑换</div>
<div class="small text-muted">1C币=1元消费价值</div>
</div>
</div>
<div class="col-md-3 col-6">
<div class="p-4">
<i class="bi bi-people fs-1 text-primary"></i>
<div class="mt-3 fw-semibold">好友互赠</div>
<div class="small text-muted">分享快乐 传递价值</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 用户案例 -->
<section class="py-5" id="cases">
<div class="container py-5">
<div class="text-center mb-5">
<span class="badge bg-primary bg-opacity-10 text-primary">真实故事</span>
<h2 class="section-title">他们都在使用C币钱包</h2>
</div>
<div class="row g-4">
<div class="col-lg-4">
<div class="card border-0 shadow h-100">
<div class="card-body p-4">
<div class="d-flex align-items-center mb-4">
<div class="bg-info bg-opacity-25 text-info rounded-circle p-3 me-3">
<i class="bi bi-person-graduate fs-3"></i>
</div>
<div>
<div class="fw-bold">李女士</div>
<div class="small text-muted">大学讲师 · 广州</div>
</div>
</div>
<p class="card-text">
                                “我平时在多个教育平台上课，会积累不同平台的C币。自从用了C币钱包以后，所有积分都归集到一起，现在我已经兑换了价值2300元的课程和图书。真的太方便了！”
                            </p>
<div class="text-warning">
                                ★★★★☆
                            </div>
</div>
<div class="card-footer bg-light border-0 text-muted small">
                            2024年11月18日
                        </div>
</div>
</div>
<div class="col-lg-4">
<div class="card border-0 shadow h-100">
<div class="card-body p-4">
<div class="d-flex align-items-center mb-4">
<div class="bg-success bg-opacity-25 text-success rounded-circle p-3 me-3">
<i class="bi bi-briefcase fs-3"></i>
</div>
<div>
<div class="fw-bold">张先生</div>
<div class="small text-muted">互联网产品经理 · 上海</div>
</div>
</div>
<p class="card-text">
                                “公司经常发放C币作为绩效奖励，以前总是忘记使用。现在我把所有C币都存在C币钱包里，每个月固定用来支付打车和外卖费用，平均每月能省下近400元。”
                            </p>
<div class="text-warning">
                                ★★★★★
                            </div>
</div>
<div class="card-footer bg-light border-0 text-muted small">
                            2024年12月3日
                        </div>
</div>
</div>
<div class="col-lg-4">
<div class="card border-0 shadow h-100">
<div class="card-body p-4">
<div class="d-flex align-items-center mb-4">
<div class="bg-warning bg-opacity-25 text-warning rounded-circle p-3 me-3">
<i class="bi bi-shop fs-3"></i>
</div>
<div>
<div class="fw-bold">王老板</div>
<div class="small text-muted">餐饮店主 · 成都</div>
</div>
</div>
<p class="card-text">
                                “我们店现在支持C币支付，会员通过C币钱包付款还能额外获得积分返利。使用C币钱包后，回头客明显增多，月营业额提升了12%。”
                            </p>
<div class="text-warning">
                                ★★★★★
                            </div>
</div>
<div class="card-footer bg-light border-0 text-muted small">
                            2024年11月29日
                        </div>
</div>
</div>
</div>
</div>
</section>
<!-- 数据支持 -->
<div class="bg-primary text-white py-5">
<div class="container">
<div class="row text-center g-5">
<div class="col-md-3 col-6">
<div class="display-4 fw-bold">528,391</div>
<div class="opacity-75">注册用户</div>
</div>
<div class="col-md-3 col-6">
<div class="display-4 fw-bold">1.87亿</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">312</div>
<div class="opacity-75">合作商户</div>
</div>
</div>
</div>
</div>
<!-- 用户评价 -->
<section class="py-5 bg-light" id="reviews">
<div class="container py-5">
<div class="text-center mb-5">
<h2 class="section-title">用户真实评价</h2>
</div>
<div class="row g-4">
<div class="col-md-4">
<div class="bg-white p-4 rounded-4 shadow-sm">
<div class="d-flex mb-3">
<img alt="" class="rounded-circle" src="https://picsum.photos/id/64/48/48"/>
<div class="ms-3">
<div class="fw-semibold">小雨姑娘</div>
<div class="text-warning">★★★★★</div>
</div>
</div>
<p class="text-muted">
                            “下载C币钱包不到一周，就把之前零散在各个平台的积分全部归集过来了。昨天用C币兑换了一张电影票，真的很爽！强烈推荐大家使用！”
                        </p>
<div class="small text-muted">来自北京 · 12月10日</div>
</div>
</div>
<div class="col-md-4">
<div class="bg-white p-4 rounded-4 shadow-sm">
<div class="d-flex mb-3">
<img alt="" class="rounded-circle" src="https://picsum.photos/id/201/48/48"/>
<div class="ms-3">
<div class="fw-semibold">老王在路上</div>
<div class="text-warning">★★★★☆</div>
</div>
</div>
<p class="text-muted">
                            “安全感拉满！前几天手机丢了，第一时间用另一台设备冻结了C币钱包里的余额。手机找回来后恢复，一切正常。C币钱包的服务真的专业。”
                        </p>
<div class="small text-muted">来自深圳 · 12月8日</div>
</div>
</div>
<div class="col-md-4">
<div class="bg-white p-4 rounded-4 shadow-sm">
<div class="d-flex mb-3">
<img alt="" class="rounded-circle" src="https://picsum.photos/id/29/48/48"/>
<div class="ms-3">
<div class="fw-semibold">咖啡不加糖</div>
<div class="text-warning">★★★★★</div>
</div>
</div>
<p class="text-muted">
                            “界面设计非常人性化，我妈今年58岁了，现在也学会用C币钱包给我转C币买礼物了。真的做到了老少皆宜！”
                        </p>
<div class="small text-muted">来自杭州 · 12月5日</div>
</div>
</div>
</div>
</div>
</section>
<!-- 下载号召 -->
<section class="py-5 text-center bg-white border-top border-bottom" id="download">
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-8">
<h2 class="display-5 fw-bold mb-3">现在就下载C币钱包</h2>
<p class="lead text-muted mb-5">
                        首次注册即送188 C币新人礼包<br/>限时活动，仅需30秒完成注册
                    </p>
<div class="d-flex flex-wrap justify-content-center gap-4">
<button class="btn btn-dark px-5 py-4 d-flex align-items-center gap-3 shadow" onclick="downloadApp()">
<i class="bi bi-apple fs-3"></i>
<div class="text-start">
<div style="font-size: 13px;">Download on the</div>
<div class="fw-bold fs-5">App Store</div>
</div>
</button>
<button class="btn btn-dark px-5 py-4 d-flex align-items-center gap-3 shadow" onclick="downloadApp()">
<i class="bi bi-google-play fs-3"></i>
<div class="text-start">
<div style="font-size: 13px;">GET IT ON</div>
<div class="fw-bold fs-5">Google Play</div>
</div>
</button>
<button class="btn btn-primary px-5 py-4 d-flex align-items-center gap-3 shadow" onclick="downloadApp()">
<i class="bi bi-android2 fs-3"></i>
<div class="text-start">
<div class="fw-bold fs-5">安卓版下载</div>
<div style="font-size: 13px;">v2.4.1 最新版</div>
</div>
</button>
</div>
<div class="mt-5 text-muted small">
<i class="bi bi-info-circle me-2"></i>
                        下载后可通过手机号快速注册，享受C币钱包全部功能
                    </div>
</div>
</div>
</div>
</section>
<!-- 常见问题 -->
<section class="py-5" id="faq">
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-9">
<div class="text-center mb-5">
<h2 class="section-title">常见问题解答</h2>
</div>
<div class="accordion" id="faqAccordion">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button fw-semibold" data-bs-target="#faq1" data-bs-toggle="collapse" type="button">
                                    如何注册C币钱包？
                                </button>
</h2>
<div class="accordion-collapse collapse show" data-bs-parent="#faqAccordion" id="faq1">
<div class="accordion-body text-muted">
                                    打开APP后点击“立即注册”，使用手机号验证即可完成注册。首次注册的用户可获得188 C币作为新人福利。整个过程不到1分钟。
                                </div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed fw-semibold" 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">
                                    可以。目前已支持20+主流平台的C币一键归集。进入“资产”页面，点击“归集C币”即可自动同步其他平台的积分到C币钱包中。
                                </div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed fw-semibold" 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">
                                    我们采用银行同等级别的安全技术，所有资金均由第三方银行存管。并提供账户冻结、设备管理、登录异地提醒等功能，安全有保障。
                                </div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed fw-semibold" 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币主要用于消费抵扣与兑换实物。如需提现，可在“我的-提现”页面申请，按照1:0.95的比例兑换为余额（收取5%手续费）。
                                </div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed fw-semibold" 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">
                                    在登录页面点击“忘记密码”，通过手机号验证+人脸识别即可快速重置。整个过程安全且便捷。
                                </div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 关于我们 -->
<section class="py-5 bg-light" id="about">
<div class="container py-5">
<div class="row">
<div class="col-lg-5">
<h2 class="fw-bold mb-4">关于C币钱包</h2>
<p class="text-muted mb-4">
                        C币网络科技有限公司成立于2018年，专注于数字积分领域的创新与服务。我们致力于让每一份C币都发挥出最大价值，让用户的积分不再“沉睡”。
                    </p>
<p class="text-muted">
                        公司总部位于广州，团队成员来自腾讯、阿里、京东等互联网巨头，拥有丰富的金融科技与用户体验设计经验。目前已服务全国超过50万用户，并与300余家知名品牌达成深度合作。
                    </p>
<div class="mt-5">
<div class="d-flex align-items-center gap-3">
<div class="bg-white shadow-sm border rounded-3 px-4 py-3 text-center">
<div class="small text-muted">公司名称</div>
<div class="fw-bold">C币网络科技有限公司</div>
</div>
<div class="bg-white shadow-sm border rounded-3 px-4 py-3 text-center">
<div class="small text-muted">成立时间</div>
<div class="fw-bold">2018年</div>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="bg-white rounded-4 p-5 shadow-sm">
<h5 class="fw-bold border-bottom pb-3 mb-4">我们的使命</h5>
<div class="row">
<div class="col-md-6">
<ul class="list-unstyled">
<li class="mb-4 d-flex">
<span class="flex-shrink-0 text-primary me-3">01</span>
<span>让C币管理变得简单有趣</span>
</li>
<li class="mb-4 d-flex">
<span class="flex-shrink-0 text-primary me-3">02</span>
<span>让每一份积分都不被浪费</span>
</li>
</ul>
</div>
<div class="col-md-6">
<ul class="list-unstyled">
<li class="mb-4 d-flex">
<span class="flex-shrink-0 text-primary me-3">03</span>
<span>构建健康可持续的积分生态</span>
</li>
<li class="mb-4 d-flex">
<span class="flex-shrink-0 text-primary me-3">04</span>
<span>为用户创造长期价值</span>
</li>
</ul>
</div>
</div>
<div class="mt-4 pt-4 border-top text-center text-muted small">
                            联系我们：<span class="text-dark">service@cbipay.com</span><br/>
                            客服热线：400-888-9266（工作日 9:00-18:00）
                        </div>
</div>
</div>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="footer pt-5">
<div class="container">
<div class="row">
<div class="col-md-5">
<div class="d-flex align-items-center text-white mb-4">
<i class="bi bi-wallet2 fs-2 me-3"></i>
<span class="fs-3 fw-bold">C币钱包</span>
</div>
<p class="opacity-75" style="max-width: 360px;">
                        安全便捷的官方C币管理平台<br/>
                        让您的每一枚C币都发挥最大价值
                    </p>
<div class="mt-4">
<span class="opacity-50 small">© 2018-2024 C币网络科技有限公司 版权所有</span>
</div>
</div>
<div class="col-md-2 col-6">
<h6 class="text-white mb-4">产品</h6>
<div class="d-flex flex-column gap-2 opacity-75 small">
<a class="text-decoration-none text-light" href="#">下载中心</a>
<a class="text-decoration-none text-light" href="#">功能介绍</a>
<a class="text-decoration-none text-light" href="#">安全中心</a>
<a class="text-decoration-none text-light" href="#">积分商城</a>
</div>
</div>
<div class="col-md-2 col-6">
<h6 class="text-white mb-4">支持</h6>
<div class="d-flex flex-column gap-2 opacity-75 small">
<a class="text-decoration-none text-light" href="#" onclick="contactUs()">帮助中心</a>
<a class="text-decoration-none text-light" href="#">客服中心</a>
<a class="text-decoration-none text-light" href="#">反馈建议</a>
<a class="text-decoration-none text-light" href="#faq">常见问题</a>
</div>
</div>
<div class="col-md-3">
<h6 class="text-white mb-4">关注我们</h6>
<div class="d-flex gap-3 fs-3 opacity-75">
<i class="bi bi-wechat"></i>
<i class="bi bi-weibo"></i>
<i class="bi bi-qr-code"></i>
</div>
<div class="mt-5">
<div class="small opacity-50">商务合作</div>
<div class="text-white">bd@cbipay.com</div>
</div>
</div>
</div>
<!-- 备案信息 -->
<div class="border-top border-secondary mt-5 pt-4 text-center text-white-50 small">
<div>
                    粤ICP备2024123456号-1 
                    <span class="mx-3">|</span> 
                    粤公网安备 44030502001234号
                </div>
<div class="mt-2">
                    C币网络科技有限公司 © 版权所有 
                    <span class="mx-2">•</span> 
                    谨防诈骗，官方客服绝不会索要您的支付密码
                </div>
</div>
</div>
</footer>
<!-- 返回顶部 -->
<a class="scroll-top" href="#" id="scrollTopBtn" onclick="window.scrollTo({top:0,behavior:'smooth'})">
<i class="bi bi-arrow-up"></i>
</a>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script>
        // 平滑滚动
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                if (this.getAttribute('href') !== '#') {
                    const target = document.querySelector(this.getAttribute('href'));
                    if (target) {
                        e.preventDefault();
                        const navHeight = 80;
                        const elementPosition = target.getBoundingClientRect().top;
                        const offsetPosition = elementPosition + window.scrollY - navHeight;
                        
                        window.scrollTo({
                            top: offsetPosition,
                            behavior: 'smooth'
                        });
                    }
                }
            });
        });
        
        // 滚动显示返回顶部按钮
        window.onscroll = function() {
            const btn = document.getElementById("scrollTopBtn");
            if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) {
                btn.style.display = "flex";
            } else {
                btn.style.display = "none";
            }
        };
        
        // 模拟下载
        function downloadApp() {
            const toastHTML = `
                <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 1100">
                    <div class="toast show bg-success text-white" role="alert">
                        <div class="toast-header bg-success text-white border-0">
                            <strong class="me-auto">提示</strong>
                            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast"></button>
                        </div>
                        <div class="toast-body">
                            感谢您对C币钱包的信任！<br>
                            安装包正在下载中...（演示环境）
                        </div>
                    </div>
                </div>`;
            
            const toastContainer = document.createElement('div');
            toastContainer.innerHTML = toastHTML;
            document.body.appendChild(toastContainer);
            
            setTimeout(() => {
                toastContainer.remove();
            }, 3800);
        }
        
        // 模拟操作
        function fakeAction() {
            alert('演示环境：此功能在正式APP中可用。\n\n感谢您体验C币钱包！');
        }
        
        function contactUs() {
            alert('客服热线：400-888-9266\n\n工作时间：9:00 - 18:00\n\n我们会尽快回复您的咨询！');
        }
        
        // 初始化Bootstrap ScrollSpy
        window.addEventListener('load', function () {
            const scrollSpy = new bootstrap.ScrollSpy(document.body, {
                target: '#mainNav',
                offset: 100
            });
            
            // 添加一些动画效果
            const cards = document.querySelectorAll('.feature-card');
            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.style.opacity = 1;
                    }
                });
            }, {
                threshold: 0.1
            });
            
            cards.forEach(card => {
                card.style.transition = 'all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1)';
                card.style.opacity = 0.3;
                observer.observe(card);
            });
            
            console.log('%cC币钱包落地页已加载完成 | 专业百度SEO友好结构', 'color:#0066ff; font-size:12px');
        });
        
        // 键盘快捷键（演示）
        document.addEventListener('keydown', function(e) {
            if (e.metaKey && e.key === 'k') {
                e.preventDefault();
                alert('搜索功能（演示）：您可以在正式版中通过 Cmd + K 快速搜索C币相关功能');
            }
        });
    </script>
</body>
</html>