*{margin:0;padding:0;box-sizing:border-box;}
        body{
            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
            background: #0b1120;
            color: #e8edf5;
            line-height: 1.5;
        }
        .container{max-width:1280px;margin:0 auto;padding:0 24px;}
        
        /* 导航 */
        .header{
            background: rgba(11,17,32,0.92);
            backdrop-filter: blur(12px);
            position: sticky;
            top:0;
            z-index:100;
            border-bottom:1px solid rgba(56,189,248,0.2);
        }
        .nav{
            display:flex;
            flex-wrap:wrap;
            justify-content:space-between;
            align-items:center;
            padding:16px 0;
            gap:20px;
        }
        .logo a{
            font-size:1.8rem;
            font-weight:700;
            background: linear-gradient(135deg, #38bdf8, #a78bfa);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            text-decoration:none;
            letter-spacing:-0.3px;
        }
        .nav-links{display:flex;gap:32px;flex-wrap:wrap;}
        .nav-links a{
            text-decoration:none;
            font-weight:500;
            color:#94a3b8;
            transition: color 0.2s;
            font-size:0.95rem;
        }
        .nav-links a:hover, .nav-links a.active{color:#38bdf8;}

        .btn-primary{
            background: #38bdf8;
            color:#0f172a;
            padding:12px 28px;
            border-radius:40px;
            font-weight:600;
            text-decoration:none;
            transition:all 0.2s;
            display:inline-block;
            box-shadow:0 4px 12px rgba(56,189,248,0.3);
        }
        .btn-primary:hover{background:#7dd3fc;transform:translateY(-2px);}
        .btn-secondary{
            background:transparent;
            border:1px solid #38bdf8;
            color:#38bdf8;
            padding:12px 28px;
            border-radius:40px;
            font-weight:600;
            text-decoration:none;
            transition:0.2s;
        }
        .btn-secondary:hover{background:rgba(56,189,248,0.1);border-color:#7dd3fc;}

        /* HERO —— 强调教程入口，弱化下载堆砌 */
        .hero{
            display:flex;
            flex-wrap:wrap;
            align-items:center;
            justify-content:space-between;
            gap:40px;
            padding:60px 0 40px;
        }
        .hero-visual{
            flex:0.9;
            background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%);
            border-radius:48px;
            padding:32px 28px;
            text-align:center;
            border:1px solid rgba(56,189,248,0.25);
        }
        .stats-row{
            display:flex;
            justify-content:space-around;
            gap:20px;
            margin-top:24px;
        }
        .stat-block{
            background: rgba(30,41,59,0.7);
            border-radius:32px;
            padding:16px 12px;
            flex:1;
            backdrop-filter: blur(4px);
        }
        .stat-number{font-size:2rem;font-weight:800;color:#38bdf8;}
        .hero-content{flex:1.1;}
        .hero-badge{
            background:rgba(56,189,248,0.15);
            color:#38bdf8;
            display:inline-block;
            padding:6px 16px;
            border-radius:40px;
            font-size:0.8rem;
            font-weight:600;
            margin-bottom:24px;
            border:1px solid rgba(56,189,248,0.3);
        }
        .hero-content h1{
            font-size:3rem;
            font-weight:800;
            line-height:1.15;
            color:#f1f5f9;
            margin-bottom:20px;
        }
        .hero-highlight{color:#38bdf8;border-bottom:3px solid #38bdf8;}
        .hero-desc{
            font-size:1.2rem;
            color:#94a3b8;
            max-width:550px;
            margin-bottom:28px;
        }
        .btn-group{display:flex;flex-wrap:wrap;gap:16px;}

        /* 核心导航卡片 (4-5个) */
        .nav-cards-grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
            gap:20px;
            margin:48px 0 40px;
        }
        .nav-card{
            background:#1a2538;
            border-radius:28px;
            padding:24px 16px;
            text-align:center;
            border:1px solid #2e405b;
            transition:0.15s;
            text-decoration:none;
            color:#e8edf5;
        }
        .nav-card:hover{border-color:#38bdf8;transform:translateY(-3px);}
        .nav-card-icon{font-size:2rem;margin-bottom:12px;}
        .nav-card h3{font-size:1.2rem;margin-bottom:6px;color:#f1f5f9;}
        .nav-card p{color:#94a3b8;font-size:0.85rem;}

        /* 入门引导区 (新手路径) */
        .guide-steps{
            background:#111c2e;
            border-radius:48px;
            padding:40px 32px;
            margin:50px 0;
            border:1px solid #2d3a5e;
        }
        .section-title{
            font-size:2rem;
            font-weight:700;
            margin-bottom:30px;
            color:#f1f5f9;
        }
        .steps-list{
            display:flex;
            flex-wrap:wrap;
            gap:24px;
            counter-reset:step-counter;
        }
        .step-item{
            flex:1;
            min-width:180px;
            background:#0f172a;
            border-radius:28px;
            padding:24px 20px;
            border-left:4px solid #38bdf8;
            position:relative;
        }
        .step-item::before{
            counter-increment:step-counter;
            content:counter(step-counter);
            background:#38bdf8;
            color:#0b1120;
            font-weight:800;
            width:32px;
            height:32px;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            position:absolute;
            top:-12px;
            left:20px;
            font-size:1.2rem;
        }
        .step-item h4{font-size:1.3rem;margin:16px 0 8px;color:#fff;}
        .step-item p{color:#b0c6e0;}

        /* 热门教程 + 概念解释双列 */
        .row-split{
            display:flex;
            flex-wrap:wrap;
            gap:30px;
            margin:40px 0;
        }
        .tutorial-col{flex:1.2;min-width:260px;}
        .concept-col{flex:1;min-width:240px;}
        .card-panel{
            background:#1e293b;
            border-radius:32px;
            padding:28px 24px;
            border:1px solid #334155;
            height:100%;
        }
        .card-panel h3{font-size:1.6rem;margin-bottom:18px;color:#f1f5f9;}
        .tutorial-list{list-style:none;}
        .tutorial-list li{
            padding:14px 0;
            border-bottom:1px solid #2a3c58;
            display:flex;
            align-items:center;
            gap:10px;
        }
        .tutorial-list li a{color:#cbd5e1;text-decoration:none;font-weight:500;transition:0.2s;}
        .tutorial-list li a:hover{color:#38bdf8;}
        .concept-item{margin-bottom:20px;}
        .concept-item h4{font-size:1.2rem;color:#a5d8ff;margin-bottom:6px;}
        .concept-item p{color:#9bb1d0;font-size:0.95rem;}

        /* FAQ 预览 */
        .faq-preview{
            background:#121e2f;
            border-radius:48px;
            padding:40px 36px;
            margin:48px 0 40px;
            border:1px solid #2f425c;
        }
        .faq-grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
            gap:24px;
        }
        .faq-item{
            background:#0b1421;
            border-radius:28px;
            padding:24px;
            border:1px solid #2a3e5a;
        }
        .faq-q{font-weight:700;color:#a5d8ff;margin-bottom:12px;display:flex;gap:8px;}
        .faq-a{color:#b0c6e0;}
        .faq-more{text-align:right;margin-top:28px;}
        .faq-more a{color:#38bdf8;text-decoration:none;}

        /* 更新动态区 */
        .updates{
            background:linear-gradient(105deg,#132030,#0b1624);
            border-radius:32px;
            padding:30px 28px;
            margin:40px 0;
            border:1px dashed #2e4b6e;
        }
        .updates-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
        .updates-header h3{font-size:1.5rem;color:#f1f5f9;}
        .update-item{display:flex;gap:20px;padding:12px 0;border-bottom:1px solid #253c55;}
        .update-date{color:#38bdf8;font-weight:600;min-width:90px;}
        .update-text{color:#cbd5e1;}

        /* footer */
        .footer{
            text-align:center;
            padding:40px 0 32px;
            border-top:1px solid #253449;
            color:#7f8ea3;
            font-size:0.85rem;
        }
        .footer a{color:#38bdf8;text-decoration:none;margin:0 6px;}

        @media (max-width:800px){
            .hero{flex-direction:column-reverse;}
            .hero-content h1{font-size:2.4rem;}
            .section-title{font-size:1.8rem;}
        }
		/* 下载引导区域 */
.download-cta-section {
    margin: 48px 0 32px;
}
.download-cta-card {
    background: linear-gradient(135deg, #1a2a44 0%, #0f1a2b 100%);
    border-radius: 48px;
    padding: 32px 36px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #2e4b6e;
    box-shadow: 0 20px 30px -10px rgba(0,0,0,0.5);
}
.cta-left {
    display: flex;
    align-items: center;
    gap: 24px;
}
.cta-icon {
    font-size: 3.5rem;
    background: #0f172a;
    width: 80px;
    height: 80px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #38bdf8;
}
.cta-info h3 {
    font-size: 2rem;
    font-weight: 700;
    color: #f1f5f9;
    margin-bottom: 8px;
}
.cta-info p {
    color: #b0c6e0;
    margin-bottom: 12px;
}
.version-tags {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.v-tag {
    background: #0f172a;
    padding: 4px 16px;
    border-radius: 40px;
    font-size: 0.8rem;
    color: #38bdf8;
    border: 1px solid #2e4b6e;
}
.cta-right {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.btn-download-large {
    background: #38bdf8;
    color: #0f172a;
    padding: 14px 32px;
    border-radius: 60px;
    font-weight: 700;
    text-decoration: none;
    font-size: 1.1rem;
    transition: 0.2s;
    box-shadow: 0 8px 18px rgba(56,189,248,0.2);
    border: none;
}
.btn-download-large:hover {
    background: #7dd3fc;
    transform: translateY(-2px);
}
.btn-download-outline {
    background: transparent;
    border: 1.5px solid #38bdf8;
    color: #38bdf8;
    padding: 14px 32px;
    border-radius: 60px;
    font-weight: 700;
    text-decoration: none;
    font-size: 1.1rem;
    transition: 0.2s;
}
.btn-download-outline:hover {
    background: rgba(56,189,248,0.1);
    border-color: #7dd3fc;
    color: #7dd3fc;
}
.cta-footnote {
    text-align: center;
    margin-top: 16px;
    color: #7f8ea3;
    font-size: 0.85rem;
}

@media (max-width: 700px) {
    .download-cta-card {
        flex-direction: column;
        text-align: center;
        gap: 24px;
    }
    .cta-left {
        flex-direction: column;
        text-align: center;
    }
    .cta-right {
        justify-content: center;
    }
}