*{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;
        }
        .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);}

        /* 页面头部 */
        .page-header{padding:2.5rem 0 1.5rem; text-align:center;}
        .page-header h1{font-size:2.8rem; font-weight:800; color:#0a0f2c;}
        .page-header p{color:var(--text-muted); font-size:1.2rem;}

        /* 按钮 */
        .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;
            box-shadow:0 8px 18px -6px rgba(79,70,229,0.3); transition:0.2s;
        }
        .btn-primary:hover{background:#4338ca; transform:scale(1.02);}
        .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;
        }
        .btn-outline:hover{background:#f1f5fe; border-color:var(--primary-light);}

        /* 场景选择入口 (向导式) */
        .scene-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:2rem 0;}
        .scene-card{
            background:var(--surface); border-radius:var(--radius-lg); padding:1.8rem 1.2rem;
            border:1px solid var(--border-light); text-align:center; text-decoration:none;
            color:var(--text-main); transition:0.2s;
        }
        .scene-card:hover{border-color:var(--primary); box-shadow:var(--shadow-card); transform:translateY(-3px);}
        .scene-icon{font-size:2.5rem; margin-bottom:1rem;}
        .scene-card h3{font-size:1.3rem; margin-bottom:0.5rem;}

        /* 步骤卡片 */
        .step-flow{display:flex; flex-direction:column; gap:20px; margin:2.5rem 0;}
        .step-block{
            background:var(--surface); border-radius:var(--radius-lg); padding:1.8rem 2rem;
            border:1px solid var(--border-light); display:flex; align-items:flex-start; gap:20px;
            flex-wrap:wrap;
        }
        .step-badge{background:var(--primary); color:white; width:48px; height:48px; border-radius:16px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.4rem; flex-shrink:0;}
        .step-content{flex:1;}
        .step-content h3{font-size:1.5rem; margin-bottom:0.8rem;}

        /* 错误模拟器 */
        .error-sim{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:2rem 0;}
        .error-card{background:#fff5f5; border-left:6px solid #ef4444; border-radius:1rem; padding:1.2rem 1.5rem;}
        .warning-card{background:#fffbeb; border-left:6px solid #f59e0b; border-radius:1rem; padding:1.2rem 1.5rem;}
        .error-card summary, .warning-card summary{font-weight:700; cursor:pointer;}

        /* 一键修复区 */
        .quick-fix{background:linear-gradient(145deg, #f1f5f9, white); border-radius:var(--radius-xl); padding:2rem; margin:2.5rem 0;}

        /* 下载号召区域 */
        .download-cta{
            background:linear-gradient(115deg, #1e1b4b 0%, #312e81 100%);
            border-radius:2.5rem; padding:2.5rem; margin:2.5rem 0; color:white;
            display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
        }

        /* footer */
        .footer{background:#f0f4fe; padding:2.8rem 0; margin-top:3rem; border-top:1px solid #d9e2ef;}
        .footer a{color:#2c5f4a; text-decoration:none;}
        .footer a:hover{color:var(--primary);}

        @media (max-width:860px){
            .scene-grid{grid-template-columns:repeat(2,1fr);}
            .error-sim{grid-template-columns:1fr;}
            .page-header h1{font-size:2.2rem;}
        }
        @media (max-width:500px){
            .scene-grid{grid-template-columns:1fr;}
        }