*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif;background:#0a0a0a;color:#e8e8e8;font-size:18px;line-height:1.9;overflow-x:hidden}
a{color:#00d4ff;text-decoration:none;transition:all .3s}
a:hover{color:#7dd3fc}
img{max-width:100%;display:block}
.container{max-width:1280px;margin:0 auto;padding:0 32px}
.kw{color:#00d4ff;font-weight:700}
.kw-a{color:#ffb800;font-weight:700}
.kw-u{text-decoration:underline;text-decoration-color:#00d4ff;text-underline-offset:4px}
.site-header{position:fixed;top:0;width:100%;background:rgba(10,10,10,.93);backdrop-filter:blur(20px);border-bottom:1px solid #1a1a1a;z-index:1000;padding:16px 0}
.header-inner{display:flex;justify-content:space-between;align-items:center}
.site-logo{font-size:26px;font-weight:900;color:#00d4ff;letter-spacing:2px}
.site-logo span{color:#ffb800}
.main-nav{display:flex;gap:26px;align-items:center}
.main-nav a{color:#aaa;font-size:18px;font-weight:500;padding:8px 14px;border-radius:8px;transition:all .3s}
.main-nav a:hover{color:#00d4ff;background:rgba(0,212,255,.08)}
.nav-cta{background:linear-gradient(135deg,#00d4ff,#0891b2);color:#0a0a0a!important;padding:10px 22px!important;border-radius:30px;font-weight:700}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,212,255,.35)}
.site-footer{background:#060606;padding:64px 0 36px;border-top:1px solid #111}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px}
.footer-about .site-logo{font-size:22px;margin-bottom:18px}
.footer-about p{color:#666;font-size:18px;max-width:340px}
.footer-col h4{font-size:19px;color:#00d4ff;margin-bottom:16px;font-weight:700}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:11px}
.footer-col a{color:#777;font-size:18px}
.footer-col a:hover{color:#ffb800}
.footer-bottom{text-align:center;padding-top:28px;border-top:1px solid #111;color:#555;font-size:18px}
.section{padding:90px 0;position:relative}
.section-sm{padding:60px 0}
.sec-head{margin-bottom:54px}
.sec-label{display:inline-block;color:#00d4ff;font-size:18px;letter-spacing:3px;margin-bottom:14px;text-transform:uppercase;font-weight:600}
.sec-title{font-size:40px;font-weight:800;color:#f5f5f5;margin-bottom:18px;line-height:1.35}
.sec-title .ac{color:#00d4ff}
.sec-title .ag{color:#ffb800}
.sec-sub{font-size:19px;color:#888;max-width:780px}
.sec-center{text-align:center}
.sec-center .sec-sub{margin:0 auto}
.hero-a{min-height:92vh;display:flex;align-items:center;padding:120px 0 70px;position:relative;overflow:hidden}
.hero-a::before{content:"";position:absolute;width:650px;height:650px;background:radial-gradient(circle,rgba(0,212,255,.13) 0%,transparent 70%);top:-120px;right:-120px;border-radius:50%}
.hero-a::after{content:"";position:absolute;width:550px;height:550px;background:radial-gradient(circle,rgba(255,184,0,.1) 0%,transparent 70%);bottom:-150px;left:-80px;border-radius:50%}
.hero-a-content{position:relative;z-index:2;max-width:840px}
.hero-a h1{font-size:50px;font-weight:900;line-height:1.4;margin-bottom:28px}
.hero-a h1 .grad{background:linear-gradient(135deg,#00d4ff 0%,#7dd3fc 50%,#ffb800 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-a p{font-size:20px;color:#aaa;margin-bottom:36px;max-width:680px}
.hero-a-cta{display:flex;gap:18px;flex-wrap:wrap}
.hero-b{min-height:80vh;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:120px 0 70px;position:relative}
.hero-b-content h1{font-size:46px;font-weight:900;line-height:1.4;margin-bottom:24px;color:#f5f5f5}
.hero-b-content h1 .grad{background:linear-gradient(135deg,#ffb800,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-b-content p{font-size:19px;color:#aaa;margin-bottom:28px}
.hero-b-visual{background:linear-gradient(145deg,#0e0e0e,#080808);border:1px solid #1a1a1a;border-radius:20px;padding:36px;position:relative;overflow:hidden}
.hero-c{padding:130px 0 60px;text-align:center;position:relative;overflow:hidden}
.hero-c::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(ellipse at center top,rgba(0,212,255,.1),transparent 60%)}
.hero-c h1{font-size:52px;font-weight:900;margin-bottom:24px;position:relative;z-index:2}
.hero-c h1 .grad{background:linear-gradient(135deg,#00d4ff,#ffb800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-c p{font-size:20px;color:#aaa;max-width:720px;margin:0 auto 36px;position:relative;z-index:2}
.btn{display:inline-block;padding:16px 40px;border-radius:50px;font-size:19px;font-weight:700;cursor:pointer;border:none;transition:all .3s;font-family:inherit;text-align:center}
.btn-primary{background:linear-gradient(135deg,#00d4ff,#0891b2);color:#0a0a0a}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(0,212,255,.4);color:#0a0a0a}
.btn-amber{background:linear-gradient(135deg,#ffb800,#f59e0b);color:#0a0a0a}
.btn-amber:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(255,184,0,.4);color:#0a0a0a}
.btn-outline{background:transparent;border:2px solid #2a2a2a;color:#e8e8e8}
.btn-outline:hover{border-color:#00d4ff;color:#00d4ff}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.card{background:linear-gradient(145deg,#111,#0c0c0c);border:1px solid #1a1a1a;border-radius:18px;padding:36px 30px;transition:all .4s;position:relative;overflow:hidden}
.card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#00d4ff,#ffb800);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.card:hover::before{transform:scaleX(1)}
.card:hover{transform:translateY(-6px);border-color:rgba(0,212,255,.25);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.card-icon{width:54px;height:54px;border-radius:13px;background:linear-gradient(135deg,rgba(0,212,255,.12),rgba(255,184,0,.08));display:flex;align-items:center;justify-content:center;margin-bottom:22px;font-size:26px}
.card h3{font-size:23px;color:#f5f5f5;margin-bottom:14px;font-weight:700}
.card h3 .ac{color:#00d4ff}
.card p{color:#999;font-size:18px;line-height:1.85}
.card-num{font-size:52px;font-weight:900;background:linear-gradient(135deg,#00d4ff,#7dd3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}
.card-num.amber{background:linear-gradient(135deg,#ffb800,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;text-align:center;padding:60px 0;border-top:1px solid #111;border-bottom:1px solid #111}
.stat-num{font-size:54px;font-weight:900;background:linear-gradient(135deg,#00d4ff,#ffb800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}
.stat-label{font-size:18px;color:#888}
.timeline{position:relative;padding:20px 0}
.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(#00d4ff,#ffb800);transform:translateX(-50%)}
.tl-item{position:relative;width:50%;padding:20px 40px;margin-bottom:20px}
.tl-item:nth-child(odd){left:0;text-align:right}
.tl-item:nth-child(even){left:50%}
.tl-item::after{content:"";position:absolute;top:28px;width:18px;height:18px;border-radius:50%;background:#00d4ff;border:4px solid #0a0a0a;box-shadow:0 0 0 2px #00d4ff}
.tl-item:nth-child(odd)::after{right:-9px}
.tl-item:nth-child(even)::after{left:-9px}
.tl-item h3{font-size:22px;color:#ffb800;margin-bottom:8px;font-weight:700}
.tl-item p{color:#999;font-size:18px}
.tl-item .tl-date{font-size:18px;color:#00d4ff;margin-bottom:6px;font-weight:600}
.data-table{width:100%;border-collapse:collapse;background:#0c0c0c;border-radius:16px;overflow:hidden;border:1px solid #1a1a1a}
.data-table th{background:#111;color:#00d4ff;font-weight:700;padding:18px 24px;text-align:left;font-size:18px;border-bottom:1px solid #1a1a1a}
.data-table td{padding:16px 24px;border-bottom:1px solid #161616;color:#bbb;font-size:18px}
.data-table tr:last-child td{border-bottom:none}
.data-table tr:hover td{background:#0f0f0f}
.faq-list{max-width:900px;margin:0 auto}
.faq-item{background:#0c0c0c;border:1px solid #1a1a1a;border-radius:14px;margin-bottom:14px;padding:26px 30px;transition:all .3s}
.faq-item:hover{border-color:rgba(0,212,255,.2)}
.faq-item h3{font-size:21px;color:#00d4ff;margin-bottom:12px;font-weight:700}
.faq-item p{color:#999;font-size:18px;line-height:1.85}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.news-card{background:linear-gradient(145deg,#0e0e0e,#080808);border:1px solid #1a1a1a;border-radius:16px;padding:34px;transition:all .3s}
.news-card:hover{border-color:rgba(255,184,0,.25);transform:translateY(-4px)}
.news-date{font-size:18px;color:#666;margin-bottom:12px}
.news-card h3{font-size:22px;color:#ffb800;margin-bottom:14px;font-weight:700}
.news-card p{color:#999;font-size:18px;line-height:1.85}
.step-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.step-box{background:#0c0c0c;border:1px solid #1a1a1a;border-radius:16px;padding:34px 26px;position:relative}
.step-num{width:46px;height:46px;background:linear-gradient(135deg,#00d4ff,#0891b2);color:#0a0a0a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;margin-bottom:18px}
.step-box h3{font-size:21px;color:#f5f5f5;margin-bottom:12px;font-weight:700}
.step-box p{color:#888;font-size:18px;line-height:1.8}
.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.link-card{background:linear-gradient(145deg,#0e0e0e,#080808);border:1px solid #1a1a1a;border-radius:14px;padding:30px;transition:all .3s}
.link-card:hover{border-color:rgba(0,212,255,.22);transform:translateX(6px)}
.link-card h3{font-size:20px;color:#00d4ff;margin-bottom:10px;font-weight:700}
.link-card p{color:#777;font-size:18px;margin-bottom:14px}
.link-card a{font-size:18px;font-weight:600}
.cta-box{text-align:center;padding:100px 0;background:radial-gradient(ellipse at center,#111,#0a0a0a)}
.cta-box h2{font-size:42px;color:#f5f5f5;margin-bottom:22px;font-weight:900}
.cta-box p{font-size:20px;color:#888;margin-bottom:36px;max-width:640px;margin-left:auto;margin-right:auto}
.info-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.info-list{list-style:none}
.info-list li{padding:22px 0;border-bottom:1px solid #1a1a1a;display:flex;gap:18px;align-items:flex-start}
.info-list li:last-child{border-bottom:none}
.info-badge{width:46px;height:46px;border-radius:11px;background:rgba(0,212,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px;color:#00d4ff}
.info-list h3{font-size:20px;color:#ffb800;margin-bottom:6px;font-weight:700}
.info-list p{color:#888;font-size:18px}
.info-visual{background:linear-gradient(145deg,#0c0c0c,#111);border:1px solid #1a1a1a;border-radius:20px;padding:36px}
.info-block{text-align:center;padding:22px 0;border-bottom:1px solid #1a1a1a}
.info-block:last-child{border-bottom:none}
.info-block h3{font-size:22px;color:#00d4ff;margin-bottom:6px;font-weight:700}
.info-block p{color:#888;font-size:18px}
.ticker{background:linear-gradient(90deg,#080808,#111,#080808);border-top:1px solid rgba(0,212,255,.1);border-bottom:1px solid rgba(0,212,255,.1);padding:22px 0;overflow:hidden}
.ticker-track{display:flex;gap:56px;animation:tickerScroll 38s linear infinite;white-space:nowrap}
.ticker-item{display:flex;align-items:center;gap:12px;font-size:18px}
.ticker-coin{color:#777;font-weight:600}
.ticker-up{color:#34d399}
.ticker-down{color:#ef4444}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.cmp-table{width:100%;border-collapse:collapse;background:#0c0c0c;border-radius:16px;overflow:hidden;border:1px solid #1a1a1a}
.cmp-table th{background:#111;color:#00d4ff;font-weight:700;padding:18px 24px;text-align:left;font-size:18px}
.cmp-table td{padding:16px 24px;border-bottom:1px solid #161616;color:#bbb;font-size:18px}
.cmp-table tr:last-child td{border-bottom:none}
.cmp-yes{color:#34d399;font-weight:700}
.cmp-no{color:#666}
.alert-box{background:linear-gradient(145deg,rgba(0,212,255,.05),rgba(255,184,0,.03));border:1px solid rgba(0,212,255,.2);border-radius:16px;padding:32px 36px;margin-bottom:20px}
.alert-box h3{font-size:22px;color:#00d4ff;margin-bottom:12px;font-weight:700}
.alert-box p{color:#999;font-size:18px;line-height:1.85}
.alert-warn{background:linear-gradient(145deg,rgba(255,184,0,.05),rgba(239,68,68,.03));border-color:rgba(255,184,0,.2)}
.alert-warn h3{color:#ffb800}
.progress-row{margin-bottom:26px}
.progress-head{display:flex;justify-content:space-between;margin-bottom:10px}
.progress-name{color:#bbb;font-size:18px;font-weight:600}
.progress-val{color:#00d4ff;font-size:18px;font-weight:700}
.progress-track{height:10px;background:#141414;border-radius:6px;overflow:hidden}
.progress-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#ffb800);border-radius:6px}
.tag-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.tag{display:inline-block;padding:5px 14px;border-radius:20px;font-size:18px;background:rgba(0,212,255,.1);color:#00d4ff;border:1px solid rgba(0,212,255,.2)}
.tag-amber{background:rgba(255,184,0,.1);color:#ffb800;border-color:rgba(255,184,0,.2)}
.tag-green{background:rgba(52,211,153,.1);color:#34d399;border-color:rgba(52,211,153,.2)}
.split-box{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split-text h2{font-size:36px;color:#f5f5f5;margin-bottom:24px;font-weight:800}
.split-text h2 .ac{color:#00d4ff}
.split-text p{color:#aaa;margin-bottom:18px;font-size:18px}
.split-visual{background:linear-gradient(145deg,#0c0c0c,#111);border:1px solid #1a1a1a;border-radius:20px;padding:36px;min-height:380px}
.price-display{background:#080808;border-radius:14px;padding:24px;margin-bottom:16px;border:1px solid #1a1a1a}
.price-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #141414}
.price-row:last-child{border-bottom:none}
.price-coin{font-weight:600;color:#ccc;font-size:19px}
.price-val{font-size:20px;font-weight:700;color:#00d4ff;font-family:Consolas,monospace}
.price-val.red{color:#ef4444}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.feature-item{display:flex;gap:16px;align-items:flex-start;background:#0c0c0c;border:1px solid #1a1a1a;border-radius:12px;padding:24px 26px;transition:all .3s}
.feature-item:hover{border-color:rgba(0,212,255,.2);transform:translateX(4px)}
.feature-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#ffb800);flex-shrink:0;margin-top:8px}
.feature-item h3{font-size:20px;color:#f5f5f5;margin-bottom:6px;font-weight:700}
.feature-item p{color:#888;font-size:18px}
.quote-box{background:linear-gradient(145deg,#0e0e0e,#080808);border-left:4px solid #00d4ff;border-radius:0 16px 16px 0;padding:32px 36px;margin:30px 0}
.quote-box p{font-size:20px;color:#ccc;font-style:italic;line-height:1.8}
.quote-box .quote-author{font-size:18px;color:#00d4ff;margin-top:16px;font-weight:600}
.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.icon-box{text-align:center;background:#0c0c0c;border:1px solid #1a1a1a;border-radius:14px;padding:30px 22px;transition:all .3s}
.icon-box:hover{border-color:rgba(255,184,0,.2);transform:translateY(-4px)}
.icon-box .icon{font-size:36px;margin-bottom:14px}
.icon-box h3{font-size:20px;color:#f5f5f5;margin-bottom:8px;font-weight:700}
.icon-box p{color:#888;font-size:18px}
.banner-wide{background:linear-gradient(135deg,rgba(0,212,255,.06),rgba(255,184,0,.04));border:1px solid #1a1a1a;border-radius:20px;padding:48px;text-align:center;margin:30px 0}
.banner-wide h2{font-size:34px;color:#f5f5f5;margin-bottom:16px;font-weight:800}
.banner-wide p{font-size:19px;color:#888;max-width:680px;margin:0 auto}
.kbd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.kbd-item{display:flex;align-items:center;justify-content:space-between;background:#0c0c0c;border:1px solid #1a1a1a;border-radius:12px;padding:18px 24px;transition:all .3s}
.kbd-item:hover{border-color:rgba(0,212,255,.2)}
.kbd-desc{color:#bbb;font-size:18px}
.kbd-key{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;padding:5px 14px;font-family:Consolas,monospace;font-size:18px;color:#00d4ff;box-shadow:0 2px 0 #0d0d0d}
.check-list{list-style:none}
.check-list li{padding:14px 0;color:#aaa;font-size:18px;display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid #141414}
.check-list li:last-child{border-bottom:none}
.check-list .check{color:#34d399;font-weight:700;flex-shrink:0}
.check-list .cross{color:#ef4444;font-weight:700;flex-shrink:0}
@media(max-width:968px){
.site-header .main-nav{display:none}
.hero-a h1,.hero-b h1,.hero-c h1{font-size:32px}
.hero-b{grid-template-columns:1fr}
.grid-2,.grid-3,.grid-4,.news-grid,.link-grid,.step-flow,.icon-grid,.feature-list,.split-box,.info-panel{grid-template-columns:1fr}
.stat-row{grid-template-columns:1fr 1fr}
.footer-grid{grid-template-columns:1fr 1fr}
.timeline::before{left:20px}
.tl-item{width:100%;left:0!important;text-align:left!important;padding-left:50px;padding-right:20px}
.tl-item::after{left:12px!important;right:auto!important}
.kbd-grid{grid-template-columns:1fr}
}