style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', Arial, sans-serif; background: #f5f6f8; color: #1e1e2d; line-height: 1.6; } a { text-decoration: none; color: inherit; } ul, ol { list-style: none; } img { max-width: 100%; display: block; border: 0; } /* ===== 头部 ===== */ .header { background: #fff; padding: 0.8rem 1rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } .header .logo { font-size: 1.1rem; font-weight: 700; color: #2b6cf6; } .header .logo span { color: #ff9500; } .header .nav-btn { font-size: 0.9rem; color: #666; background: #f0f1f3; padding: 0.3rem 0.8rem; border-radius: 20px; } /* ===== 首屏横幅 ===== */ .banner { background: linear-gradient(135deg, #2b6cf6, #6a5af9); padding: 2rem 1.2rem 2.5rem; text-align: center; color: #fff; } .banner h1 { font-size: 1.5rem; margin-bottom: 0.4rem; font-weight: 700; } .banner p { font-size: 0.95rem; opacity: 0.9; margin-bottom: 1.2rem; } .banner .banner-btn { display: inline-block; background: #ff9500; color: #fff; padding: 0.5rem 1.8rem; border-radius: 30px; font-size: 1rem; font-weight: 600; box-shadow: 0 4px 15px rgba(255, 149, 0, 0.4); } .banner-img { margin-top: 1.5rem; } .banner-img img { width: 80%; margin: 0 auto; border-radius: 12px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); } /* ===== 平台优势 ===== */ .section { background: #fff; margin: 0.8rem 0; padding: 1.2rem 1rem; border-radius: 8px; } .section-title { font-size: 1.15rem; font-weight: 700; margin-bottom: 0.8rem; padding-left: 0.6rem; border-left: 4px solid #2b6cf6; display: flex; align-items: center; justify-content: space-between; } .section-title .more { font-size: 0.8rem; color: #999; font-weight: normal; } .adv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.8rem; margin-top: 0.5rem; } .adv-item { text-align: center; padding: 0.8rem 0.3rem; background: #f8f9fc; border-radius: 8px; } .adv-item img { width: 48px; height: 48px; margin: 0 auto 0.4rem; } .adv-item h3 { font-size: 0.85rem; color: #333; } .adv-item p { font-size: 0.7rem; color: #999; margin-top: 0.15rem; } /* ===== 热门账号 ===== */ .game-list { display: flex; overflow-x: auto; gap: 0.8rem; padding-bottom: 0.5rem; -webkit-overflow-scrolling: touch; } .game-card { min-width: 140px; background: #f8f9fc; border-radius: 10px; padding: 0.8rem; text-align: center; flex-shrink: 0; } .game-card img { width: 80px; height: 80px; margin: 0 auto 0.5rem; border-radius: 12px; background: #eef0f3; } .game-card .name { font-size: 0.9rem; font-weight: 600; margin-bottom: 0.2rem; } .game-card .tag { font-size: 0.7rem; color: #2b6cf6; background: rgba(43, 108, 246, 0.08); padding: 0.1rem 0.5rem; border-radius: 10px; display: inline-block; } .game-card .price { font-size: 0.95rem; color: #ff4d4f; font-weight: 700; margin-top: 0.3rem; } /* ===== 交易流程 ===== */ .steps { display: flex; justify-content: space-between; margin-top: 0.6rem; } .step-item { text-align: center; flex: 1; position: relative; } .step-item::after { content: ''; position: absolute; top: 20px; left: 60%; width: 60%; height: 2px; background: #e5e7eb; } .step-item:last-child::after { display: none; } .step-item img { width: 40px; height: 40px; margin: 0 auto 0.3rem; } .step-item h3 { font-size: 0.8rem; color: #333; } .step-item p { font-size: 0.7rem; color: #999; } /* ===== 为什么选择我们 ===== */ .why-list { margin-top: 0.5rem; } .why-item { display: flex; align-items: center; padding: 0.6rem 0; border-bottom: 1px solid #f0f0f0; } .why-item:last-child { border-bottom: none; } .why-item img { width: 36px; height: 36px; margin-right: 0.8rem; border-radius: 6px; } .why-item .txt h3 { font-size: 0.9rem; color: #1e1e2d; } .why-item .txt p { font-size: 0.75rem; color: #888; } /* ===== FAQ ===== */ .faq-list { padding: 0; } .faq-item { margin-bottom: 0.5rem; border: 1px solid #f0f0f0; border-radius: 8px; overflow: hidden; } .faq-q { padding: 0.8rem 1rem; background: #fafbfc; font-weight: 600; font-size: 0.9rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .faq-q::after { content: '+'; font-size: 1.2rem; color: #999; transition: transform 0.3s; } .faq-a { padding: 0 1rem 0.8rem; font-size: 0.85rem; color: #666; line-height: 1.6; display: none; background: #fff; } .faq-item.active .faq-a { display: block; } .faq-item.active .faq-q:after { transform: rotate(45deg); color: #2b6cf6; } /* ===== 底部 ===== */ .footer { background: #1e1e2d; color: #a0a0b8; text-align: center; padding: 1.5rem 1rem; font-size: 0.78rem; } .footer .links { margin-bottom: 0.6rem; } .footer .links a { color: #a0a0b8; margin: 0 0.4rem; } .footer .copyright { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: 0.6rem; } /* ===== 移动端适配 ===== */ @media (max-width: 360px) { .banner h1 { font-size: 1.3rem; } .adv-grid { grid-template-columns: repeat(3, 1fr); gap: 0.4rem; } .adv-item img { width: 40px; height: 40px; } }
平台担保交易
资金安全保障
账号秒发货
7x24小时在线
信息加密处理
全程交易保障
挑选心仪
下单购买
验号确认
完成交易
每款账号经过人工审核,确保信息真实可靠
卖号实名备案,从源头保障买家权益
资金由平台托管,确认收货后才打款给卖家
交易完成后如遇纠纷,客服急速介入处理