:root{
    --bg:#050814;
    --panel:#0e1322;
    --panel-soft:#111729;
    --accent:#2fd5a7;
    --accent-soft:rgba(47,213,167,0.12);
    --text:#f5f7ff;
    --muted:#9aa3c2;
    --border:rgba(255,255,255,0.06);
    --danger:#ff6b6b;
    --warning:#ffb347;
}

*{box-sizing:border-box;margin:0;padding:0;}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    background:
    radial-gradient(900px 500px at 80% 0,rgba(47,213,167,0.15),transparent 60%),
    radial-gradient(800px 400px at 0% 20%,rgba(0,188,255,0.18),transparent 55%),
    linear-gradient(180deg,#050814,#050814);
    color:var(--text);
    line-height:1.7;
}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

.page{
    max-width:1080px;
    margin:0 auto;
    padding:20px 16px 40px;
}

/* 顶部导航 */
.nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:4px 0 14px;
}
.nav-left{
    display:flex;
    align-items:center;
    gap:10px;
}
.logo-badge{
    width:32px;
    height:32px;
    border-radius:12px;
    background:radial-gradient(circle at 30% 0%,#ffffff,transparent 55%),linear-gradient(145deg,#32dec2,#1b6cf5);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:700;
    color:#020308;
    box-shadow:0 0 18px rgba(50,222,194,0.6);
}
.brand-title{
    font-size:16px;
    font-weight:600;
    letter-spacing:1px;
}
.nav-right{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:11px;
    color:var(--muted);
}
.nav-tag{
    border-radius:999px;
    border:1px solid rgba(255,255,255,0.16);
    padding:3px 9px;
    font-size:11px;
    display:flex;
    align-items:center;
    gap:4px;
    background:rgba(3,7,18,0.75);
    backdrop-filter:blur(10px);
}
.nav-dot{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#2fd5a7;
    box-shadow:0 0 8px rgba(47,213,167,0.9);
}

/* Hero */
.hero{
    margin-top:10px;
    display:grid;
    grid-template-columns:minmax(0,3.2fr) minmax(0,2.3fr);
    gap:26px;
}
@media(max-width:768px){
    .hero{
    grid-template-columns:1fr;
    }
}
.hero-main-title{
    font-size:26px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:10px;
}
.hero-main-title span.highlight{
    color:var(--accent);
    text-shadow:0 0 18px rgba(47,213,167,0.6);
}
.hero-sub{
    font-size:14px;
    color:var(--muted);
    margin-bottom:14px;
}
.hero-bullets{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-bottom:18px;
    font-size:13px;
}
@media(max-width:600px){
    .hero-bullets{
    grid-template-columns:1fr;
    }
}
.pill{
    border-radius:999px;
    border:1px solid var(--border);
    padding:6px 12px;
    background:rgba(8,12,26,0.85);
    display:flex;
    align-items:center;
    gap:6px;
    color:var(--muted);
}
.pill-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--accent);
}

.cta-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
}
.btn-primary{
    padding:10px 22px;
    border-radius:999px;
    border:none;
    cursor:pointer;
    background:linear-gradient(135deg,#28d8a1,#1e8ffe);
    color:#020308;
    font-weight:600;
    font-size:14px;
    box-shadow:0 0 20px rgba(32,211,165,0.45);
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
    white-space:nowrap;
}
.btn-primary:hover{
    transform:translateY(-1px);
    box-shadow:0 0 24px rgba(32,211,165,0.7);
    filter:brightness(1.05);
}
.btn-primary span.arrow{
    font-size:16px;
}
.hero-note{
    font-size:11px;
    color:var(--muted);
}
.hero-note b{
    color:#d0d8ff;
    font-weight:500;
}

/* Hero 右侧卡片 */
.hero-card{
    border-radius:18px;
    padding:14px 16px 12px;
    background:radial-gradient(circle at 10% 0%,rgba(47,213,167,0.18),transparent 65%),var(--panel);
    border:1px solid rgba(255,255,255,0.06);
    box-shadow:0 18px 40px rgba(0,0,0,0.65);
    position:relative;
    overflow:hidden;
}
.hero-card-tag{
    font-size:11px;
    color:var(--muted);
    margin-bottom:8px;
    display:flex;
    align-items:center;
    gap:6px;
}
.hero-card-tag span.badge{
    padding:2px 7px;
    border-radius:999px;
    background:rgba(47,213,167,0.17);
    color:var(--accent);
    font-size:10px;
}
.hero-card-title{
    font-size:15px;
    font-weight:600;
    margin-bottom:8px;
}
.hero-card-list{
    list-style:none;
    font-size:12px;
    color:var(--muted);
    display:grid;
    gap:4px;
    margin-bottom:10px;
}
.hero-card-list li::before{
    content:"• ";
    color:var(--accent);
}
.hero-card-divider{
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);
    margin:8px 0;
}
.hero-card-metrics{
    display:flex;
    justify-content:space-between;
    gap:10px;
    font-size:11px;
}
.metric{
    flex:1;
    padding:6px 8px;
    border-radius:10px;
    background:rgba(3,7,18,0.85);
    border:1px solid rgba(255,255,255,0.06);
}
.metric-label{
    color:var(--muted);
    font-size:10px;
}
.metric-value{
    font-size:13px;
    font-weight:600;
    margin-top:2px;
}
.metric-tag{
    font-size:10px;
    color:var(--warning);
    margin-top:1px;
}
.hero-card-float{
    position:absolute;
    right:8px;
    bottom:10px;
    font-size:10px;
    color:var(--muted);
    opacity:0.75;
}

/* 模块通用 */
.section{
    margin-top:28px;
    padding:18px 16px;
    border-radius:18px;
    background:rgba(7,12,28,0.92);
    border:1px solid var(--border);
}
.section-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:10px;
    margin-bottom:12px;
}
.section-title{
    font-size:17px;
    font-weight:600;
}
.section-sub{
    font-size:12px;
    color:var(--muted);
}

/* 市场信号 */
.chips{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:10px;
}
.chip{
    padding:4px 10px;
    border-radius:999px;
    font-size:11px;
    border:1px solid var(--border);
    background:rgba(9,13,30,0.9);
    color:var(--muted);
}

.section-grid-2{
    display:grid;
    grid-template-columns:1.2fr 1.3fr;
    gap:16px;
}
@media(max-width:768px){
    .section-grid-2{
    grid-template-columns:1fr;
    }
}
.quote-block{
    padding:10px 12px;
    border-radius:12px;
    background:var(--panel-soft);
    font-size:13px;
    color:var(--muted);
    border-left:2px solid var(--accent);
}

/* 六大模块 */
.card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:6px;
}
@media(max-width:900px){
    .card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:640px){
    .card-grid{
    grid-template-columns:1fr;
    }
}
.card{
    padding:10px 11px;
    border-radius:14px;
    background:var(--panel);
    border:1px solid var(--border);
    font-size:13px;
}
.card-label{
    font-size:11px;
    color:var(--accent);
    margin-bottom:4px;
}
.card-title{
    font-weight:600;
    margin-bottom:4px;
    font-size:13px;
}
.card-text{
    font-size:12px;
    color:var(--muted);
}
.card-text ul{
    list-style:disc;
    margin-left:16px;
    margin-top:3px;
}

/* 适合谁 */
.bullet-list{
    list-style:none;
    display:grid;
    gap:6px;
    font-size:13px;
    color:var(--muted);
}
.bullet-list li{
    display:flex;
    align-items:flex-start;
    gap:6px;
}
.bullet-icon{
    margin-top:3px;
    font-size:12px;
    color:var(--accent);
}

/* 行动模块 */
.cta-section{
    text-align:center;
    padding:18px 14px 20px;
    border-radius:18px;
    background:radial-gradient(circle at 10% 0%,rgba(47,213,167,0.22),transparent 62%),var(--panel);
    border:1px solid rgba(129,230,217,0.4);
    margin-top:26px;
}
.cta-title{
    font-size:18px;
    font-weight:700;
    margin-bottom:6px;
}
.cta-sub{
    font-size:13px;
    color:var(--muted);
    margin-bottom:14px;
}
.cta-btn-row{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:8px;
}
.cta-tag{
    font-size:11px;
    color:var(--muted);
}

/* FAQ / 底部 */
.faq-list{
    margin-top:6px;
    font-size:12px;
    color:var(--muted);
    display:grid;
    gap:8px;
}
.faq-q{
    color:#d6ddff;
    font-weight:500;
}

.disclaimer{
    margin-top:20px;
    padding-top:10px;
    border-top:1px dashed var(--border);
    font-size:11px;
    color:var(--muted);
}
.disclaimer-title{
    font-weight:600;
    margin-bottom:3px;
    color:#c0c8e8;
}