*{margin:0;padding:0;box-sizing:border-box}
        body{
            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
            background:#fffaf5;
            color:#1e1f2a;
            line-height:1.5;
            -webkit-font-smoothing:antialiased;
        }
        .bg-blob{
            position:fixed;
            top:-15vh;
            right:-10vw;
            width:70vw;
            height:80vh;
            background:radial-gradient(circle, rgba(255,140,80,0.06) 0%, rgba(255,200,120,0.01) 80%);
            pointer-events:none;
            z-index:-1;
            border-radius:50%;
        }
        .container{
            max-width:1280px;
            margin:0 auto;
            padding:0 28px;
        }
        /* 导航 */
        .navbar{
            display:flex;
            justify-content:space-between;
            align-items:center;
            padding:20px 0;
            flex-wrap:wrap;
            gap:16px;
            border-bottom:3px solid #ff8a5c;
        }
        .logo{
            font-size:1.9rem;
            font-weight:800;
            background:linear-gradient(130deg, #E64A2E, #FF8A4C);
            -webkit-background-clip:text;
            background-clip:text;
            color:transparent;
            letter-spacing:-0.3px;
        }
        .nav-links{
            display:flex;
            gap:32px;
            align-items:center;
            flex-wrap:wrap;
        }
        .nav-links a{
            text-decoration:none;
            font-weight:600;
            color:#3f4156;
            transition:color 0.15s;
            font-size:1rem;
        }
        .nav-links a:hover, .nav-links .active{color:#E64A2E;}
        .btn-outline{
            background:white;
            border:2px solid #FF8A4C;
            color:#E64A2E;
            font-weight:700;
            padding:8px 22px;
            border-radius:60px;
            text-decoration:none;
            transition:0.2s;
        }
        .btn-outline:hover{
            background:#fff0e0;
            border-color:#E64A2E;
            transform:translateY(-2px);
        }
        .btn-primary{
            display:inline-block;
            background:linear-gradient(105deg, #E64A2E, #FF7F3F);
            color:white;
            font-weight:700;
            padding:12px 32px;
            border-radius:60px;
            text-decoration:none;
            box-shadow:0 10px 18px rgba(230,74,46,0.2);
            transition:0.2s;
            border:none;
        }
        .btn-primary:hover{
            background:linear-gradient(105deg, #D23F24, #F06A2E);
            transform:translateY(-3px);
            box-shadow:0 16px 24px rgba(230,74,46,0.25);
        }
        /* hero区域——更聚焦入口与配置 */
        .hero{
            display:flex;
            flex-wrap:wrap;
            align-items:center;
            justify-content:space-between;
            padding:40px 0 50px;
            gap:30px;
        }
        .hero-left{flex:1.2;}
        .hero-badge{
            background:#FFE8D9;
            border-radius:40px;
            padding:6px 18px;
            display:inline-block;
            font-weight:700;
            font-size:0.8rem;
            color:#C4451E;
            margin-bottom:20px;
        }
        .hero-left h1{
            font-size:2.9rem;
            font-weight:800;
            line-height:1.2;
            margin-bottom:20px;
            color:#1e1f2a;
        }
        .highlight{
            background:linear-gradient(120deg, #FFAE5E, #FF7640);
            -webkit-background-clip:text;
            background-clip:text;
            color:transparent;
        }
        .hero-left p{
            font-size:1.1rem;
            color:#4b4e65;
            margin-bottom:32px;
            max-width:540px;
        }
        .hero-buttons{display:flex; gap:16px; flex-wrap:wrap;}
        .hero-right{
            flex:1;
            background:rgba(255,255,255,0.8);
            backdrop-filter:blur(4px);
            border-radius:40px;
            padding:30px 24px;
            box-shadow:0 20px 35px -8px rgba(0,0,0,0.05);
            border:1px solid #ffd6b0;
        }
        .feature-tiles{display:flex; flex-direction:column; gap:22px;}
        .tile{
            display:flex;
            align-items:center;
            gap:18px;
            background:#fffcf7;
            border-radius:28px;
            padding:12px 18px;
            border-left:6px solid #FF9F66;
        }
        .tile-icon{font-size:2rem; background:#FFEFE2; width:50px; height:50px; border-radius:28px; display:flex; align-items:center; justify-content:center;}
        .tile-text h4{font-size:1.1rem; font-weight:800; color:#C4421E;}
        .tile-text p{color:#5a5e78; font-size:0.85rem;}
        /* 全新创意板块：官网入口 + 安装步骤流 */
        .gateway-section{
            background:linear-gradient(115deg, #fff3e9, #ffe7d8);
            border-radius:48px;
            padding:44px 32px;
            margin:20px 0 50px;
            border:1px solid #ffcd9f;
        }
        .section-title{
            text-align:center;
            font-size:2.2rem;
            font-weight:800;
            margin-bottom:16px;
            color:#1e1f2a;
        }
        .section-sub{
            text-align:center;
            color:#a14a2c;
            margin-bottom:42px;
            font-weight:500;
        }
        .gateway-grid{
            display:flex;
            flex-wrap:wrap;
            gap:30px;
            justify-content:center;
        }
        .gate-card{
            background:white;
            border-radius:36px;
            padding:28px 26px;
            flex:1 1 260px;
            box-shadow:0 14px 22px -10px rgba(200,80,30,0.08);
            border:1px solid #ffdec2;
            transition:0.15s;
        }
        .gate-card:hover{transform:translateY(-4px); border-color:#ff8a4c;}
        .gate-emoji{font-size:2.8rem; margin-bottom:18px;}
        .gate-card h3{font-size:1.6rem; margin-bottom:12px; color:#D94F2A;}
        .gate-card .btn-small{
            background:#ffe0ce;
            color:#B33F1A;
            padding:8px 18px;
            border-radius:40px;
            display:inline-block;
            margin-top:18px;
            font-weight:600;
            text-decoration:none;
            border:1px solid #ffb28a;
        }
        /* 步骤卡片——iOS安装教程（创意排版） */
        .steps-showcase{
            display:flex;
            flex-wrap:wrap;
            gap:24px;
            margin:40px 0 30px;
        }
        .step-item{
            flex:1 1 180px;
            background:white;
            border-radius:32px;
            padding:26px 18px;
            text-align:center;
            border:1px solid #ffd9bc;
            box-shadow:0 8px 0 #ffbe8c;
            transition:0.15s;
        }
        .step-num{
            width:48px; height:48px;
            background:#E64A2E;
            color:white;
            font-weight:800;
            font-size:1.6rem;
            border-radius:30px;
            display:flex;
            align-items:center;
            justify-content:center;
            margin:0 auto 18px;
        }
        .step-item h4{font-size:1.3rem; margin-bottom:10px; color:#B3411C;}
        .step-item p{color:#4e5268; font-size:0.9rem;}
        /* 核心卡片简约 */
        .core-grid{
            display:flex;
            flex-wrap:wrap;
            gap:24px;
            margin:50px 0;
        }
        .core-card{
            background:white;
            border-radius:30px;
            padding:28px 22px;
            flex:1 1 220px;
            border:1px solid #ffd4b2;
        }
        .core-card .emoji{font-size:2.4rem; margin-bottom:14px;}
        .core-card h3{color:#D94F2A; margin-bottom:8px;}
        /* 下载专区 更清晰 */
        .download-area{
            background:#fff7f0;
            border-radius:42px;
            padding:40px 30px;
            text-align:center;
            margin:40px 0;
            border:1px dashed #ff9966;
        }
        .platform-row{
            display:flex;
            justify-content:center;
            gap:30px;
            flex-wrap:wrap;
            margin:24px 0 16px;
        }
        .plat-item{
            background:white;
            border-radius:60px;
            padding:12px 28px;
            font-weight:600;
            color:#C4451E;
            box-shadow:0 4px 6px rgba(0,0,0,0.02);
            border:1px solid #ffc299;
            cursor:pointer;
            text-decoration:none;
        }
        /* FAQ 极简 */
        .faq-block{padding:20px 0 50px;}
        .faq-item{
            background:white;
            border-radius:24px;
            margin-bottom:14px;
            border:1px solid #ffddc2;
        }
        .faq-q{
            font-weight:800;
            padding:20px 26px;
            background:#fffaf4;
            cursor:pointer;
            display:flex;
            justify-content:space-between;
            color:#A84322;
        }
        .faq-a{
            padding:0 26px 22px;
            color:#4b5070;
            display:none;
            border-top:1px solid #ffe0c4;
        }
        .faq-item.open .faq-a{display:block;}
        /* footer */
        .footer{
            background:#FFE8DB;
            padding:36px 0 24px;
            border-radius:48px 48px 0 0;
            text-align:center;
            color:#9A4B2E;
            margin-top:30px;
        }
        .footer a{color:#C04E28; text-decoration:none; margin:0 12px;}
        /* 响应式 */
        @media (max-width:700px){
            .hero-left h1{font-size:2.2rem;}
            .navbar{flex-direction:column; align-items:flex-start;}
        }