<style>
        /* 全局样式 —— 蓝色·大气·SEO友好 */
        *{margin:0;padding:0;box-sizing:border-box;}
        body{
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            background: #f5faff;
            color: #0b2545;
            line-height: 1.5;
            -webkit-font-smoothing: antialiased;
        }
        .container{max-width:1280px;margin:0 auto;padding:0 24px;}
        
        /* header */
        header{
            background: rgba(255,255,255,0.86);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            box-shadow: 0 6px 18px rgba(0,40,100,0.05);
            position: sticky;
            top:0;
            z-index:100;
            border-bottom:1px solid rgba(18,100,220,0.1);
        }
        .header-flex{
            display:flex;
            align-items:center;
            justify-content:space-between;
            flex-wrap:wrap;
            padding:10px 0;
        }
        .logo a{
            display:flex;
            align-items:center;
            gap:8px;
            font-size:26px;
            font-weight:700;
            letter-spacing:-0.02em;
            color:#0a66c2;
            text-decoration:none;
        }
        .logo i{font-size:34px;color:#1e88e5;}
        nav ul{
            display:flex;
            gap:28px;
            list-style:none;
        }
        nav ul li a{
            text-decoration:none;
            font-weight:600;
            color:#1e3a5f;
            padding:8px 0;
            border-bottom:2px solid transparent;
            transition:0.15s;
            font-size:1.05rem;
        }
        nav ul li a:hover, nav ul li a.active{
            border-bottom-color:#0a66c2;
            color:#0a66c2;
        }
        
        /* 按钮 */
        .btn{
            display:inline-block;
            background:#0a66c2;
            color:white;
            font-weight:600;
            padding:12px 28px;
            border-radius:60px;
            text-decoration:none;
            box-shadow:0 8px 18px rgba(10,102,194,0.2);
            transition:all 0.2s;
            border:none;
            cursor:pointer;
            font-size:1rem;
        }
        .btn-outline{
            background:transparent;
            color:#0a66c2;
            box-shadow:none;
            border:1.5px solid #0a66c2;
        }
        .btn-large{padding:16px 40px;font-size:1.2rem;}
        .btn:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(10,102,194,0.28);}
        
        /* 标题 */
        .section-title{
            font-size:2.5rem;
            font-weight:650;
            margin:50px 0 28px;
            letter-spacing:-0.02em;
            color:#05203c;
        }
        .section-sub{
            font-size:1.2rem;
            color:#2c3e50;
            margin-bottom:30px;
        }
        
        /* 版本卡片区 */
        .version-grid{
            display:grid;
            grid-template-columns:repeat(auto-fit, minmax(280px,1fr));
            gap:24px;
            margin-bottom:30px;
        }
        .version-card{
            background:rgba(255,255,255,0.8);
            backdrop-filter:blur(8px);
            -webkit-backdrop-filter:blur(8px);
            border-radius:32px;
            padding:28px 24px;
            box-shadow:0 20px 35px -8px rgba(0,45,90,0.08);
            border:1px solid rgba(255,255,255,0.7);
            transition:0.2s;
            display:flex;
            flex-direction:column;
        }
        .version-card:hover{transform:translateY(-4px);background:white;}
        .os-icon{
            font-size:42px;
            color:#0a66c2;
            margin-bottom:20px;
        }
        .version-card h3{font-size:1.8rem;margin-bottom:8px;}
        .version-badge{
            background:#e2edff;
            color:#0a66c2;
            padding:6px 16px;
            border-radius:40px;
            display:inline-block;
            margin:12px 0 20px;
            font-weight:500;
        }
        .btn-download{
            background:#0a66c2;
            color:white;
            padding:12px 18px;
            border-radius:40px;
            text-align:center;
            text-decoration:none;
            font-weight:600;
            margin-top:auto;
        }
        
        /* FAQ折叠区 */
        .faq-wrapper{
            background:white;
            border-radius:36px;
            padding:28px 32px;
            box-shadow:0 20px 30px -10px rgba(0,68,128,0.06);
        }
        details{
            padding:16px 0;
            border-bottom:1px solid #e2edff;
        }
        details summary{
            font-weight:600;
            font-size:1.2rem;
            cursor:pointer;
            list-style:none;
            display:flex;
            align-items:center;
        }
        details summary::-webkit-details-marker{display:none;}
        details summary i{
            margin-right:14px;
            color:#0a66c2;
            font-size:1.3rem;
        }
        details p{
            padding:10px 0 10px 36px;
            color:#2c3e50;
        }
        
        /* 安装指南步骤 */
        .steps-container{
            display:flex;
            flex-wrap:wrap;
            gap:20px;
            margin:30px 0;
        }
        .step-block{
            flex:1 1 180px;
            background:white;
            border-radius:30px;
            padding:26px 20px;
            box-shadow:0 12px 22px -6px rgba(0,55,100,0.04);
            border:1px solid rgba(10,102,194,0.1);
        }
        .step-num{
            background:#0a66c2;
            color:white;
            width:44px;
            height:44px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:22px;
            font-weight:700;
            font-size:1.4rem;
            margin-bottom:20px;
        }
        
        /* 导航卡片 */
        .nav-cards{
            display:flex;
            gap:24px;
            justify-content:center;
            margin:40px 0;
        }
        .nav-card{
            background:white;
            padding:24px 36px;
            border-radius:40px;
            box-shadow:0 10px 20px rgba(0,0,0,0.02);
            border:1px solid #cddff7;
        }
        
        /* footer */
        footer{
            background:#0b1e32;
            color:#e3ecf5;
            padding:48px 0 28px;
            margin-top:70px;
            border-radius:48px 48px 0 0;
        }
        .footer-desc{
            max-width:800px;
            margin:20px 0 30px;
            opacity:0.85;
            line-height:1.6;
        }
        .footer-nav{
            display:flex;
            flex-wrap:wrap;
            gap:50px;
        }
        .footer-col p{font-weight:600;margin-bottom:14px;}
        .footer-col ul{list-style:none;}
        .footer-col ul li{margin:8px 0;}
        .footer-col a{color:#bdd3f0;text-decoration:none;}
        .sub-footer{
            text-align:center;
            margin-top:40px;
            border-top:1px solid #264a70;
            padding-top:22px;
            font-size:0.9rem;
        }
        .text-center{text-align:center;}
        
        @media(max-width:800px){
            .header-flex{flex-direction:column;}
            nav ul{flex-wrap:wrap;justify-content:center;}
            .section-title{font-size:2rem;}
        }
    </style>