*{margin:0;padding:0;box-sizing:border-box;}
        body{
            font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
            background:#0b1120;
            color:#e8edf5;
            line-height:1.5;
        }
        .container{max-width:1280px;margin:0 auto;padding:0 24px;}
        .header{
            background:rgba(11,17,32,0.92);
            backdrop-filter:blur(12px);
            position:sticky;
            top:0;
            z-index:100;
            border-bottom:1px solid rgba(56,189,248,0.2);
        }
        .nav{
            display:flex;
            flex-wrap:wrap;
            justify-content:space-between;
            align-items:center;
            padding:16px 0;
            gap:20px;
        }
        .logo a{
            font-size:1.8rem;
            font-weight:700;
            background:linear-gradient(135deg,#38bdf8,#a78bfa);
            background-clip:text;
            -webkit-background-clip:text;
            color:transparent;
            text-decoration:none;
            letter-spacing:-0.3px;
        }
        .nav-links{display:flex;gap:32px;flex-wrap:wrap;}
        .nav-links a{
            text-decoration:none;
            font-weight:500;
            color:#94a3b8;
            transition:color 0.2s;
            font-size:0.95rem;
        }
        .nav-links a:hover,.nav-links a.active{color:#38bdf8;}

        .page-header{
            text-align:center;
            padding:60px 0 24px;
        }
        .page-header h1{
            font-size:3rem;
            font-weight:800;
            background:linear-gradient(135deg,#f1f5f9,#38bdf8);
            background-clip:text;
            -webkit-background-clip:text;
            color:transparent;
            margin-bottom:12px;
        }
        .page-header p{
            font-size:1.2rem;
            color:#94a3b8;
        }

        /* 快速导航 */
        .quick-nav{
            background:#1e293b;
            border-radius:60px;
            padding:12px 24px;
            margin:32px 0 40px;
            display:flex;
            flex-wrap:wrap;
            justify-content:center;
            gap:12px;
            border:1px solid #334155;
        }
        .quick-nav a{
            color:#94a3b8;
            text-decoration:none;
            padding:8px 20px;
            border-radius:40px;
            font-weight:500;
            transition:0.2s;
        }
        .quick-nav a:hover{background:#0f172a;color:#38bdf8;}

        /* 教程卡片 */
        .tutorial-grid{
            display:flex;
            flex-direction:column;
            gap:36px;
            margin-bottom:48px;
        }
        .tutorial-card{
            background:#1e293b;
            border-radius:36px;
            border:1px solid #334155;
            overflow:hidden;
        }
        .card-header{
            background:#0f172a;
            padding:20px 28px;
            border-bottom:1px solid #334155;
            display:flex;
            align-items:center;
            gap:16px;
        }
        .card-icon{font-size:2rem;}
        .card-header h2{font-size:1.8rem;font-weight:700;color:#f1f5f9;}
        .card-body{padding:28px;}

        .step-list{list-style:none;}
        .step-list li{
            margin-bottom:20px;
            padding-left:28px;
            position:relative;
            color:#cbd5e1;
        }
        .step-list li:before{
            content:"▹";
            color:#38bdf8;
            position:absolute;
            left:0;
            font-weight:bold;
        }
        .code-block{
            background:#0f172a;
            padding:16px 20px;
            border-radius:20px;
            font-family:monospace;
            font-size:0.85rem;
            margin:20px 0;
            border:1px solid #334155;
            color:#7dd3fc;
        }
        .tip-box{
            background:#0f172a;
            border-radius:20px;
            padding:16px 20px;
            margin:20px 0;
            border-left:4px solid #38bdf8;
            color:#94a3b8;
        }
        .two-col{
            display:flex;
            flex-wrap:wrap;
            gap:24px;
            margin:20px 0;
        }
        .col{
            flex:1;
            background:#0f172a;
            border-radius:20px;
            padding:16px 20px;
            border:1px solid #334155;
        }
        .col h4{color:#38bdf8;margin-bottom:12px;}

        /* 返回下载引导区 */
        .download-cta{
            background:linear-gradient(145deg,#132030,#0b1624);
            border-radius:40px;
            padding:36px 40px;
            margin:40px 0;
            display:flex;
            flex-wrap:wrap;
            align-items:center;
            justify-content:space-between;
            border:1px solid #2e4b6e;
        }
        .cta-text h3{font-size:2rem;margin-bottom:8px;color:#f1f5f9;}
        .cta-text p{color:#b0c6e0;}
        .btn-large{
            background:#38bdf8;
            color:#0f172a;
            padding:14px 36px;
            border-radius:60px;
            font-weight:700;
            text-decoration:none;
            font-size:1.1rem;
            transition:0.2s;
            box-shadow:0 8px 18px rgba(56,189,248,0.2);
        }
        .btn-large:hover{background:#7dd3fc;transform:translateY(-2px);}

        .footer{
            text-align:center;
            padding:40px 0 32px;
            border-top:1px solid #253449;
            color:#7f8ea3;
            font-size:0.85rem;
        }
        .footer a{color:#38bdf8;text-decoration:none;margin:0 8px;}

        @media (max-width:700px){
            .page-header h1{font-size:2.2rem;}
            .card-header h2{font-size:1.4rem;}
            .quick-nav{border-radius:32px;}
        }