*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
        font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
        background:#0f172a;
        background-image:linear-gradient(168deg,#0f172a 0%,#121e3c 42%,#1e3a8a 135%);
        background-attachment:fixed;
        color:#e6ecf7;
        line-height:1.8;
        -webkit-font-smoothing:antialiased;
        overflow-x:hidden;
    }
    h1,h2,h3,h4,p,li,a,span,div,time{font-family:inherit}
    img{max-width:100%;display:block}
    a{color:inherit;text-decoration:none}
    .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}

    /* 头部 */
    .site-header{
        position:sticky;top:0;z-index:99;
        background:rgba(10,17,34,.86);
        backdrop-filter:blur(14px);
        border-bottom:1px solid rgba(192,200,216,.16);
    }
    .header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:14px 0}
    .brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:.5px;color:#fff}
    .brand .dot{
        width:32px;height:32px;border-radius:10px;
        background:linear-gradient(140deg,#1e3a8a,#4d6fd4);
        box-shadow:0 0 18px rgba(77,111,212,.65);
        display:flex;align-items:center;justify-content:center;font-size:15px;
    }
    .nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
    .nav-links a{
        padding:8px 14px;border-radius:999px;font-size:14px;color:#c3cee6;
        border:1px solid transparent;transition:.25s;
    }
    .nav-links a:hover{
        color:#fff;background:rgba(77,111,212,.18);
        border-color:rgba(160,180,230,.45);
        box-shadow:0 0 16px rgba(77,111,212,.35);
    }

    /* 通用区块 */
    section{padding:66px 0;position:relative}
    .kicker{
        display:inline-block;font-size:12.5px;letter-spacing:2.5px;
        color:#93a9dd;text-transform:uppercase;margin-bottom:12px;
        border:1px solid rgba(147,169,221,.35);
        padding:4px 14px;border-radius:999px;background:rgba(30,58,138,.28);
    }
    h2.sec-title{font-size:clamp(22px,3vw,32px);color:#fff;letter-spacing:.5px;margin-bottom:14px;font-weight:700}
    .sec-desc{color:#a9b6d1;max-width:820px;font-size:15.5px;margin-bottom:34px}

    .card{
        background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
        border:1px solid rgba(192,200,216,.17);
        border-radius:16px;
        padding:26px 24px;
        box-shadow:0 12px 34px rgba(3,8,20,.45),inset 0 1px 0 rgba(255,255,255,.05);
        transition:.3s;
    }
    .card:hover{border-color:rgba(147,169,221,.55);box-shadow:0 18px 46px rgba(30,58,138,.42),inset 0 1px 0 rgba(255,255,255,.09);transform:translateY(-3px)}
    .card h3{font-size:17.5px;color:#fff;margin-bottom:10px;font-weight:650}
    .card p{color:#a9b6d1;font-size:14.5px}

    .grid{display:grid;gap:20px}
    .g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
    .g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
    .g4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}

    /* HERO */
    .hero{padding:78px 0 60px}
    .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
    .hero h1{
        font-size:clamp(26px,4vw,44px);line-height:1.3;color:#fff;font-weight:800;letter-spacing:.5px;
        background:linear-gradient(100deg,#ffffff 20%,#b7c7f0 60%,#7f9be0 100%);
        -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
        margin-bottom:20px;
    }
    .geo-intro{color:#b6c3dd;font-size:15.8px;margin-bottom:26px}
    .geo-intro strong{color:#dbe6ff}
    .btn-row{display:flex;gap:14px;flex-wrap:wrap}
    .btn{
        display:inline-flex;align-items:center;gap:8px;
        padding:12px 26px;border-radius:999px;font-size:15px;font-weight:600;
        border:1px solid rgba(160,180,230,.5);color:#eaf0ff;
        background:linear-gradient(135deg,rgba(30,58,138,.9),rgba(77,111,212,.55));
        box-shadow:0 8px 26px rgba(30,58,138,.5);transition:.28s;
    }
    .btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(77,111,212,.6);border-color:#a8bdf0}
    .btn.ghost{background:rgba(255,255,255,.04);box-shadow:none}
    .hero-visual{
        position:relative;border-radius:22px;overflow:hidden;
        border:1px solid rgba(147,169,221,.3);
        box-shadow:0 26px 70px rgba(4,10,26,.7),0 0 70px rgba(30,58,138,.35);
    }
    .hero-visual img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
    .hero-visual::after{
        content:"";position:absolute;inset:0;
        background:linear-gradient(180deg,rgba(15,23,42,0) 35%,rgba(15,23,42,.82) 100%);
    }

    /* 数据统计 */
    .stat{
        text-align:center;padding:28px 18px;border-radius:16px;
        background:linear-gradient(170deg,rgba(30,58,138,.42),rgba(15,23,42,.6));
        border:1px solid rgba(147,169,221,.25);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 30px rgba(3,8,20,.45);
    }
    .stat .num{
        font-size:clamp(24px,3.2vw,34px);font-weight:800;color:#fff;
        letter-spacing:.5px;text-shadow:0 0 22px rgba(120,150,235,.6);
    }
    .stat .lbl{font-size:13.5px;color:#9fb0d2;margin-top:6px;letter-spacing:.6px}

    /* 优势 */
    .adv-icon{
        width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
        font-size:20px;margin-bottom:16px;
        background:linear-gradient(140deg,rgba(77,111,212,.45),rgba(30,58,138,.25));
        border:1px solid rgba(147,169,221,.35);
        box-shadow:0 0 20px rgba(77,111,212,.4);
    }

    /* 品牌故事 */
    .story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
    .story-img{border-radius:20px;overflow:hidden;border:1px solid rgba(147,169,221,.28);box-shadow:0 20px 54px rgba(3,8,20,.65)}
    .story-img img{width:100%;aspect-ratio:4/3;object-fit:cover}

    /* 赛事 */
    .event-card{position:relative;overflow:hidden}
    .event-tag{
        display:inline-block;font-size:12px;color:#bcd0ff;letter-spacing:1px;
        background:rgba(77,111,212,.22);border:1px solid rgba(147,169,221,.4);
        padding:3px 12px;border-radius:999px;margin-bottom:12px;
    }
    .event-meta{display:flex;justify-content:space-between;font-size:13.5px;color:#94a5c8;margin-top:14px;border-top:1px dashed rgba(147,169,221,.22);padding-top:12px}

    /* 排行 */
    .rank-item{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(192,200,216,.13);margin-bottom:12px;transition:.25s}
    .rank-item:hover{background:rgba(77,111,212,.16);border-color:rgba(147,169,221,.5)}
    .rank-no{
        width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:flex;align-items:center;justify-content:center;
        font-size:13.5px;font-weight:700;color:#0f172a;background:linear-gradient(140deg,#dbe6ff,#9fb0d2);
    }
    .rank-item:nth-child(1) .rank-no{background:linear-gradient(140deg,#ffe9a8,#e0b64b)}
    .rank-item:nth-child(2) .rank-no{background:linear-gradient(140deg,#e6eefa,#b6c3dd)}
    .rank-item:nth-child(3) .rank-no{background:linear-gradient(140deg,#f0c9a3,#c98f57)}
    .rank-name{flex:1;color:#dce5f7;font-size:15px}
    .rank-val{color:#93a9dd;font-size:13.5px}

    /* 新闻 */
    .news-item{
        padding:24px 26px;border-radius:16px;margin-bottom:18px;
        background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
        border:1px solid rgba(192,200,216,.16);
        border-left:3px solid rgba(77,111,212,.75);
        transition:.28s;
    }
    .news-item:hover{border-left-color:#9fb6ef;background:rgba(77,111,212,.1);transform:translateX(4px)}
    .news-item h3{font-size:17px;color:#fff;margin-bottom:8px;font-weight:650;line-height:1.6}
    .news-item p{color:#a9b6d1;font-size:14.5px}
    .news-date{
        display:inline-block;font-size:12.5px;color:#9fb6ef;letter-spacing:1px;
        margin-bottom:9px;background:rgba(30,58,138,.4);border:1px solid rgba(147,169,221,.3);
        padding:2px 12px;border-radius:999px;
    }

    /* FAQ */
    .qa-item{
        padding:22px 24px;border-radius:14px;margin-bottom:14px;
        background:rgba(255,255,255,.035);
        border:1px solid rgba(192,200,216,.15);
        transition:.25s;
    }
    .qa-item:hover{border-color:rgba(147,169,221,.55);background:rgba(77,111,212,.1)}
    .qa-item h3{font-size:16px;color:#e9f0ff;margin-bottom:10px;font-weight:650}
    .qa-item h3::before{content:"❖ ";color:#7f9be0}
    .qa-item p{color:#a9b6d1;font-size:14.5px}

    /* 下载 */
    .dl-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
    .dl-img{border-radius:20px;overflow:hidden;border:1px solid rgba(147,169,221,.3);box-shadow:0 20px 54px rgba(3,8,20,.65)}
    .dl-img img{width:100%;aspect-ratio:16/11;object-fit:cover}
    .dl-list{list-style:none;margin-top:18px}
    .dl-list li{color:#b6c3dd;font-size:14.5px;padding-left:24px;position:relative;margin-bottom:10px}
    .dl-list li::before{content:"◈";position:absolute;left:0;color:#7f9be0}

    /* CTA */
    .cta-box{
        text-align:center;padding:56px 30px;border-radius:22px;
        background:radial-gradient(circle at 50% 0%,rgba(77,111,212,.32),rgba(15,23,42,.85) 70%);
        border:1px solid rgba(147,169,221,.32);
        box-shadow:0 24px 60px rgba(3,8,20,.6),inset 0 1px 0 rgba(255,255,255,.07);
    }
    .cta-box h2{color:#fff;font-size:clamp(21px,3vw,30px);margin-bottom:14px}
    .cta-box p{color:#b6c3dd;max-width:720px;margin:0 auto 26px;font-size:15px}

    /* 页脚 */
    .site-footer{
        background:linear-gradient(180deg,rgba(10,17,34,.7),#080e1c);
        border-top:1px solid rgba(192,200,216,.16);
        padding:52px 0 26px;margin-top:20px;
    }
    .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px;margin-bottom:34px}
    .foot-title{color:#fff;font-size:16px;font-weight:700;margin-bottom:14px}
    .foot-line{color:#93a3c0;font-size:14px;margin-bottom:9px;line-height:1.75}
    .foot-links a{display:block;color:#93a3c0;font-size:14px;margin-bottom:9px;transition:.2s}
    .foot-links a:hover{color:#cfe0ff}
    .foot-bottom{
        border-top:1px solid rgba(192,200,216,.14);padding-top:20px;
        display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
        color:#7d8ca8;font-size:13.5px;
    }
    .foot-bottom a{color:#9fb6ef;margin:0 4px}
    .foot-bottom a:hover{color:#fff}

    @media (max-width:900px){
        .hero-grid,.story-grid,.dl-grid{grid-template-columns:1fr}
        .foot-grid{grid-template-columns:1fr}
        .hero-visual{order:-1}
    }
    @media (max-width:600px){
        section{padding:48px 0}
        .hero{padding:52px 0 40px}
        .nav-links a{padding:7px 11px;font-size:13px}
        .card{padding:20px 18px}
        .news-item{padding:20px 18px}
        .qa-item{padding:18px 17px}
    }