/* 极简重置 + 创意变量 —— 蓝紫新色系 */
        *{margin:0;padding:0;box-sizing:border-box;}
        body{
            font-family:'Inter', system-ui, -apple-system, sans-serif;
            background:#fafcff; color:#1a1f36; line-height:1.5;
            -webkit-font-smoothing:antialiased;
        }
        :root{
            --primary:#4f46e5;
            --primary-light:#6366f1;
            --accent:#06b6d4;
            --surface:#ffffff;
            --bg-soft:#f8fafd;
            --border-light:#e9eef4;
            --text-main:#1e293b;
            --text-muted:#475569;
            --shadow-card:0 18px 35px -12px rgba(0,0,0,0.07), 0 6px 12px -4px rgba(0,0,0,0.03);
            --radius-xl:2rem;
            --radius-lg:1.5rem;
            --radius-md:1rem;
        }
        .container{max-width:1280px; margin:0 auto; padding:0 24px;}

        /* 导航 */
        .navbar{
            background:rgba(255,255,255,0.85); backdrop-filter:blur(12px);
            -webkit-backdrop-filter:blur(12px);
            border-bottom:1px solid rgba(79,70,229,0.12);
            position:sticky; top:0; z-index:50;
        }
        .nav-flex{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:0.9rem 0;}
        .logo-area{display:flex; align-items:center; gap:10px;}
        .logo-icon{background:linear-gradient(145deg, #4f46e5, #7c3aed); width:40px; height:40px; border-radius:14px; display:flex; align-items:center; justify-content:center; color:white; font-weight:700; font-size:22px; box-shadow:0 6px 12px -4px rgba(79,70,229,0.3);}
        .logo-text{font-size:1.6rem; font-weight:700; color:#0b1120; letter-spacing:-0.4px;}
        .logo-text span{color:var(--primary); font-weight:800;}
        .nav-links{display:flex; gap:28px; align-items:center; flex-wrap:wrap;}
        .nav-links a{text-decoration:none; font-weight:500; color:#2c3e50; transition:0.15s; font-size:1rem; padding:6px 2px; border-bottom:2px solid transparent;}
        .nav-links a:hover, .nav-links a.active{color:var(--primary); border-bottom-color:var(--primary);}

        /* 按钮 */
        .btn-primary{
            background:var(--primary); color:white; padding:12px 28px; border-radius:60px;
            font-weight:600; text-decoration:none; display:inline-flex; align-items:center; gap:10px;
            transition:0.2s; border:none; box-shadow:0 8px 18px -6px rgba(79,70,229,0.3);
        }
        .btn-primary:hover{background:#4338ca; transform:scale(1.02); box-shadow:0 12px 22px -8px #4f46e5;}
        .btn-outline{
            background:transparent; border:1.5px solid var(--border-light); padding:12px 28px;
            border-radius:60px; font-weight:600; text-decoration:none; color:var(--text-main);
            display:inline-flex; align-items:center; gap:8px; transition:0.15s;
        }
        .btn-outline:hover{background:#f1f5fe; border-color:var(--primary-light);}

        /* HERO */
        .hero{padding:2.8rem 0 3.5rem; background:radial-gradient(circle at 10% 30%, rgba(99,102,241,0.05) 0%, transparent 40%), #ffffff;}
        .hero-grid{display:flex; flex-wrap:wrap; align-items:center; gap:2.5rem;}
        .hero-content{flex:1.2;}
        .badge-pill{background:#e0e7ff; color:#3730a3; display:inline-block; padding:5px 16px; border-radius:60px; font-size:0.85rem; font-weight:600; margin-bottom:1.2rem;}
        .hero-title{font-size:3.2rem; font-weight:800; line-height:1.15; letter-spacing:-0.02em; color:#0a0f2c; margin-bottom:1.2rem;}
        .hero-title .accent-text{background:linear-gradient(135deg, #4f46e5, #0891b2); -webkit-background-clip:text; background-clip:text; color:transparent;}
        .hero-desc{font-size:1.15rem; color:var(--text-muted); max-width:90%; margin-bottom:2rem;}
        .dual-download{display:flex; flex-wrap:wrap; gap:14px; margin-bottom:2rem;}
        .stat-bento{flex:0.9; background:var(--surface); border-radius:2.5rem; padding:2rem 1.8rem; box-shadow:var(--shadow-card); border:1px solid rgba(79,70,229,0.08);}
        .stat-row{display:flex; align-items:center; gap:16px; margin-bottom:1.2rem;}
        .stat-icon-lg{font-size:2.2rem; color:var(--primary);}

        /* ---------- 双平台下载区域：标题左右对齐 + 卡片居中 ---------- */
        .download-hub{margin:2.5rem 0 3rem;}
        .download-hub .hub-header{
    margin-bottom:1.8rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px;
}
        .hub-title{
            font-size:2rem;
            font-weight:700;
            color:#0b1120;
        }
        .hub-header a{
            color:var(--primary);
            text-decoration:none;
            font-weight:500;
        }
        .os-cards{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:28px;
        }
        .os-card{
            background:var(--surface);
            border-radius:var(--radius-xl);
            padding:2.2rem 2rem;
            border:1px solid var(--border-light);
            transition:all 0.25s;
            text-decoration:none;
            color:inherit;
            box-shadow:0 4px 10px -4px #e2e8f0;
            display:block;
        }
        .os-card:hover{
            border-color:var(--primary);
            box-shadow:var(--shadow-card);
            transform:translateY(-5px);
        }
        .os-icon{font-size:3rem; margin-bottom:1rem;}
        .os-card h3{font-size:2rem; font-weight:700; display:flex; align-items:center; gap:10px; margin-bottom:0.5rem;}
        .version-tag{background:#ede9fe; color:#4f46e5; padding:3px 14px; border-radius:40px; font-size:0.9rem; font-weight:600;}
        .os-card p{margin:0.8rem 0 1.4rem; color:var(--text-muted);}

        /* 教程卡片 (与下一区域完全一致的排版风格) */
        .tutorial-cluster{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:2.2rem 0;}
        .tut-card{background:var(--surface); border-radius:var(--radius-lg); padding:1.8rem; border:1px solid var(--border-light); transition:0.18s; text-decoration:none; color:inherit;}
        .tut-card:hover{background:#fafaff; border-color:#c7d2fe;}
        .tut-card .tut-badge{font-size:0.8rem; background:#eef2ff; padding:4px 12px; border-radius:30px; display:inline-block; margin-bottom:14px; font-weight:600;}

        /* 四格快速入口 */
        .info-hub{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:2.5rem 0;}
        .info-tile{background:#f9fbfe; border-radius:1.2rem; padding:1.5rem 1rem; text-align:center; text-decoration:none; color:var(--text-main); border:1px solid #eef2f8; transition:0.15s;}
        .info-tile i{font-size:2rem; color:var(--primary); margin-bottom:12px;}
        .info-tile:hover{background:white; border-color:var(--primary); box-shadow:var(--shadow-card);}

        /* FAQ区域 */
        .faq-showcase{background:#f5f7fd; border-radius:var(--radius-xl); padding:2.2rem 2rem; margin:2.8rem 0;}
        .faq-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
        .faq-item{background:white; border-radius:1.2rem; padding:1.2rem 1.4rem; text-decoration:none; color:#1e293b; display:flex; align-items:center; gap:12px; border-left:6px solid var(--primary);}

        /* 信任标识条：完全居中 */
        .trust-bar{
            display:flex;
            flex-wrap:wrap;
            align-items:center;
            justify-content:center;
            gap:20px 40px;
            background:#f1f5f9;
            border-radius:60px;
            padding:1.2rem 2.5rem;
            margin:2.5rem 0;
        }
        .trust-bar .badge-group{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:32px;}
        .trust-bar a{color:var(--primary); font-weight:600; text-decoration:none;}

        /* 底部CTA */
        .cta-footer-band{background:linear-gradient(115deg, #1e1b4b 0%, #312e81 100%); border-radius:2.5rem; padding:2.8rem 2.5rem; margin:3rem 0 2rem; color:white; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
        .cta-btn-large{background:white; color:#1e1b4b; padding:16px 36px; border-radius:60px; font-weight:700; font-size:1.2rem; text-decoration:none; display:inline-flex; align-items:center; gap:12px;}

        .footer{background:#f0f4fe; padding:2.8rem 0; margin-top:3rem; border-top:1px solid #d9e2ef;}

        /* 响应式 */
        @media (max-width:860px){
            .hero-title{font-size:2.5rem;}
            .os-cards, .tutorial-cluster, .info-hub{grid-template-columns:1fr;}
            .faq-grid{grid-template-columns:1fr;}
            .nav-links{gap:16px;}
        }
        @media (max-width:600px){
            .dual-download .btn-primary, .dual-download .btn-outline{width:100%; justify-content:center;}
            .trust-bar{border-radius:30px; padding:1.5rem;}
        }