:root {
            --bg: #f6f9fc;
            --surface: #ffffff;
            --text: #1a2e3f;
            --text2: #4b6a88;
            --accent: #1a7f8c;
            --accent2: #0f5560;
            --border: #e1e8f0;
            --shadow: 0 8px 30px rgba(0,0,0,0.05);
            --radius: 18px;
            --font: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
            --transition: 0.2s ease;
        }
        * { margin:0; padding:0; box-sizing:border-box; }
        body {
            font-family: var(--font);
            background: var(--bg);
            color: var(--text);
            line-height: 1.55;
            -webkit-font-smoothing: antialiased;
        }
        .container { max-width:1260px; margin:0 auto; padding:0 20px; }

        /* 导航 */
        .navbar {
            background: rgba(255,255,255,0.9);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-bottom:1px solid var(--border);
            position:sticky; top:0; z-index:100;
        }
        .nav-inner {
            display:flex; align-items:center; justify-content:space-between;
            flex-wrap:wrap; gap:15px; padding:14px 0;
        }
        .logo {
            font-size:1.6rem; font-weight:750; letter-spacing:-0.5px;
            background:linear-gradient(135deg, #1a7f8c, #0f5560);
            -webkit-background-clip:text; background-clip:text;
            color:transparent;
        }
		.logo::before { content:'⚡'; font-size:1.3rem; color:#1a7f8c; background:none; -webkit-background-clip:unset; background-clip:unset; }
        .nav-links { display:flex; gap:4px; flex-wrap:wrap; align-items:center; }
        .nav-links a {
            text-decoration:none; font-weight:550; color:var(--text2);
            padding:6px 14px; border-radius:22px; font-size:0.92rem;
            transition:var(--transition); white-space:nowrap;
        }
        .nav-links a:hover, .nav-links a.active { background:#e6f2f5; color:var(--accent); }
        .nav-cta {
            background:var(--accent)!important; color:#fff!important;
            font-weight:600!important; padding:8px 20px!important;
            box-shadow:0 4px 12px rgba(26,127,140,0.25);
        }
        .nav-cta:hover { background:var(--accent2)!important; transform:translateY(-1px); }

        /* Hero 仪表盘 */
        .hero { padding:40px 0 20px; }
        .hero-card {
            background:var(--surface); border-radius:28px; box-shadow:var(--shadow);
            border:1px solid var(--border); display:flex; flex-wrap:wrap;
            overflow:hidden;
        }
        .hero-left { flex:1.2; padding:40px 35px; display:flex; flex-direction:column; justify-content:center; }
        .hero-badge {
            background:#e6f2f5; color:var(--accent); display:inline-flex; align-items:center;
            gap:6px; font-size:0.8rem; font-weight:600; padding:5px 14px; border-radius:20px;
            margin-bottom:18px; width:fit-content;
        }
        .live-dot { width:7px; height:7px; border-radius:50%; background:#2ecc71; animation:pulse 2s infinite; }
        @keyframes pulse { 0%,100%{box-shadow:0 0 6px #2ecc7144;} 50%{box-shadow:0 0 18px #2ecc7188;} }
        .hero-left h1 { font-size:2.8rem; font-weight:800; line-height:1.2; letter-spacing:-1px; color:#0c1f2b; margin-bottom:14px; }
        .hero-left h1 .hl { color:var(--accent); border-bottom:3px solid rgba(26,127,140,0.3); }
        .hero-desc { color:var(--text2); font-size:1.05rem; margin-bottom:28px; max-width:480px; }
        .hero-btns { display:flex; gap:14px; flex-wrap:wrap; }
        .btn {
            display:inline-flex; align-items:center; gap:6px; padding:12px 26px;
            border-radius:30px; font-weight:600; text-decoration:none; cursor:pointer;
            border:none; transition:var(--transition); font-size:0.95rem;
        }
        .btn-primary { background:var(--accent); color:#fff; box-shadow:0 6px 16px rgba(26,127,140,0.3); }
        .btn-primary:hover { background:var(--accent2); transform:translateY(-2px); }
        .btn-outline { background:transparent; border:1.5px solid var(--border); color:var(--text); }
        .btn-outline:hover { border-color:var(--accent); color:var(--accent); background:#e6f2f5; }

        .hero-right {
            flex:0.9; background:#f9fbfd; border-left:1px solid var(--border);
            padding:30px 25px; display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:center;
        }
        .stat-micro {
            background:#fff; border-radius:16px; padding:16px 18px; border:1px solid #eef2f8;
            min-width:130px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.02);
        }
        .stat-micro .sv { font-size:1.6rem; font-weight:700; color:var(--text); }
        .stat-micro .sl { font-size:0.75rem; color:var(--text2); text-transform:uppercase; letter-spacing:0.5px; }

        /* 功能模块 */
        .section { padding:50px 0; }
        .section-title { text-align:center; font-size:2rem; font-weight:750; margin-bottom:10px; letter-spacing:-0.5px; }
        .section-sub { text-align:center; color:var(--text2); max-width:560px; margin:0 auto 36px; }
        .grid-4 { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:22px; }
        .feat-card {
            background:var(--surface); border-radius:24px; padding:30px 24px;
            border:1px solid var(--border); box-shadow:0 4px 12px rgba(0,0,0,0.02);
            transition:var(--transition); position:relative; overflow:hidden;
        }
        .feat-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }
        .feat-icon { font-size:2.2rem; margin-bottom:16px; }
        .feat-card h3 { font-size:1.2rem; font-weight:650; margin-bottom:8px; }
        .feat-card p { color:var(--text2); font-size:0.9rem; line-height:1.5; }
        .tag { display:inline-block; margin-top:12px; font-size:0.7rem; font-weight:600; padding:3px 10px; border-radius:12px; }
        .tag-rule { background:#e6f2f5; color:#1a7f8c; }
        .tag-sub { background:#fef3e4; color:#b45f1a; }
        .tag-speed { background:#e8faf0; color:#1d7a4a; }
        .tag-tun { background:#f0e6f9; color:#6b3fa0; }

        /* 下载卡片融入控制台 */
        .download-console {
            background:var(--surface); border-radius:28px; padding:36px 32px;
            border:1px solid var(--border); box-shadow:var(--shadow);
            display:flex; flex-wrap:wrap; align-items:center; gap:30px;
            margin:30px 0;
        }
        .dl-info h2 { font-size:1.8rem; font-weight:750; margin-bottom:8px; }
        .dl-info p { color:var(--text2); max-width:500px; }
        .dl-btns { display:flex; gap:16px; flex-wrap:wrap; margin-top:20px; }
        .platform-btn {
            text-decoration:none; padding:14px 28px; border-radius:40px;
            font-weight:600; display:inline-flex; align-items:center; gap:8px;
            transition:var(--transition); font-size:0.95rem;
        }
        .win-btn { background:#0078D4; color:#fff; box-shadow:0 6px 14px rgba(0,120,212,0.3); }
        .and-btn { background:#3DDC84; color:#1a2e3f; box-shadow:0 6px 14px rgba(61,220,132,0.3); }
        .platform-btn:hover { filter:brightness(1.05); transform:scale(1.02); }
        .dl-badge { margin-left:auto; text-align:center; }
        .dl-badge .badge-item { background:#f0f4f9; border-radius:20px; padding:10px 18px; margin:6px 0; font-weight:500; }

        /* 场景卡片 */
        .scene-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:16px; }
        .scene-card {
            background:var(--surface); border-radius:20px; padding:24px 18px; text-align:center;
            border:1px solid var(--border); transition:var(--transition);
        }
        .scene-card:hover { border-color:var(--accent); box-shadow:var(--shadow); }
        .scene-icon { font-size:2.4rem; margin-bottom:10px; }
        .scene-card h4 { font-weight:650; margin-bottom:4px; }

        /* 评价 */
        .testi-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(230px,1fr)); gap:16px; }
        .testi-card {
            background:var(--surface); border-radius:20px; padding:22px 18px;
            border:1px solid var(--border); box-shadow:0 2px 10px rgba(0,0,0,0.02);
        }
        .stars { color:#f0a030; letter-spacing:2px; margin-bottom:6px; }
        .testi-text { font-style:italic; color:var(--text2); font-size:0.9rem; margin-bottom:8px; }
        .testi-author { font-size:0.75rem; color:#7b8fa1; }

        /* FAQ strip */
        .faq-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:14px; }
        .faq-item { background:var(--surface); border-radius:16px; padding:16px 18px; border:1px solid var(--border); }
        .faq-item .q { font-weight:650; font-size:0.9rem; margin-bottom:4px; }
        .faq-item .a { color:var(--text2); font-size:0.82rem; }

        /* CTA */
        .cta-dark {
            background:linear-gradient(135deg, #0c2530, #0f2f3b); border-radius:28px;
            padding:40px; text-align:center; color:#fff; margin:30px 0;
        }
        .cta-dark h2 { font-size:1.8rem; font-weight:750; margin-bottom:10px; }
        .cta-dark p { color:#bcd0df; margin-bottom:22px; }
        .cta-dark .btn-primary { background:#fff; color:#0c2530; font-weight:650; }
        .cta-dark .btn-primary:hover { background:#e6f0f4; }

        /* Footer */
        .footer {
            background:#0c1a22; color:#8aa0b4; padding:30px 0 20px;
            text-align:center; border-radius:28px 28px 0 0; margin-top:20px;
        }
        .footer-links { display:flex; justify-content:center; gap:24px; flex-wrap:wrap; margin-bottom:14px; }
        .footer-links a { color:#bcd0df; text-decoration:none; font-size:0.85rem; }
        .footer-links a:hover { color:#fff; }
        .copyright { font-size:0.72rem; color:#6a8296; }

        @media(max-width:768px) {
            .hero-card { flex-direction:column; }
            .hero-right { border-left:none; border-top:1px solid var(--border); flex-wrap:wrap; }
            .hero-left h1 { font-size:2rem; }
            .dl-badge { margin-left:0; }
            .download-console { flex-direction:column; align-items:flex-start; }
        }