:root{
        --blue-100:#e8eef5;
        --blue-200:#cbd6e3;
        --blue-300:#94a3b8;
        --blue-500:#64748b;
        --blue-700:#475569;
        --blue-900:#334155;
        --bg:#f4f6f9;
        --card:#ffffff;
        --text:#334155;
        --muted:#64748b;
        --line:#e2e8f0;
        --radius:14px;
        --shadow:0 2px 10px rgba(71,85,105,.07);
        --shadow-hover:0 8px 26px rgba(71,85,105,.14);
    }
    *,*::before,*::after{box-sizing:border-box;font-family:inherit;}
    html{scroll-behavior:smooth;}
    html,body{
        font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
        margin:0;padding:0;
    }
    body{
        background:var(--bg);
        color:var(--text);
        font-size:16px;
        line-height:1.75;
        -webkit-font-smoothing:antialiased;
    }
    h1,h2,h3,h4,p,ul,li,figure{margin:0;padding:0;}
    h1,h2,h3,h4{line-height:1.35;color:var(--blue-900);font-weight:700;}
    ul{list-style:none;}
    a{text-decoration:none;color:inherit;}
    img{max-width:100%;display:block;}
    .container{max-width:1180px;margin:0 auto;padding:0 20px;}

    /* ---------- 头部 ---------- */
    .site-header{
        position:sticky;top:0;z-index:100;
        background:linear-gradient(135deg,#475569 0%,#5a6d84 60%,#64748b 100%);
        box-shadow:0 2px 14px rgba(51,65,85,.22);
    }
    .header-inner{
        display:flex;align-items:center;justify-content:space-between;
        gap:18px;min-height:68px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;
    }
    .logo{
        font-size:21px;font-weight:700;color:#fff;letter-spacing:.6px;
        display:flex;align-items:center;gap:9px;white-space:nowrap;
    }
    .logo .dot{
        width:11px;height:11px;border-radius:50%;
        background:linear-gradient(135deg,#e2e8f0,#94a3b8);
        display:inline-block;
    }
    .nav-links{
        display:flex;align-items:center;gap:6px;flex-wrap:wrap;
    }
    .nav-links a{
        color:#e6edf5;font-size:15px;padding:8px 13px;border-radius:8px;
        transition:.22s;white-space:nowrap;
    }
    .nav-links a:hover{
        background:rgba(255,255,255,.16);color:#fff;
    }

    /* ---------- 大屏展示 ---------- */
    .hero{
        background:linear-gradient(135deg,#475569 0%,#64748b 52%,#94a3b8 100%);
        color:#fff;padding:64px 0 70px;position:relative;overflow:hidden;
    }
    .hero::after{
        content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;
        border-radius:50%;background:rgba(255,255,255,.06);
    }
    .hero-grid{
        display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;
        position:relative;z-index:2;
    }
    .hero h1{
        font-size:36px;color:#fff;letter-spacing:.5px;margin-bottom:18px;
    }
    .hero .lead{
        font-size:16px;color:#e8eef5;margin-bottom:26px;
    }
    .hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px;}
    .hero-tags span{
        background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);
        padding:6px 14px;border-radius:30px;font-size:13.5px;color:#f1f5f9;
    }
    .btn-row{display:flex;gap:14px;flex-wrap:wrap;}
    .btn{
        display:inline-block;padding:12px 26px;border-radius:10px;font-size:15px;
        font-weight:600;transition:.24s;border:1px solid transparent;
    }
    .btn-primary{background:#fff;color:#475569;box-shadow:0 4px 16px rgba(0,0,0,.14);}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.2);}
    .btn-ghost{border-color:rgba(255,255,255,.55);color:#fff;}
    .btn-ghost:hover{background:rgba(255,255,255,.14);}
    .hero-figure{
        border-radius:18px;overflow:hidden;
        box-shadow:0 18px 44px rgba(15,23,42,.28);
        border:1px solid rgba(255,255,255,.2);
    }
    .hero-figure img{width:100%;height:300px;object-fit:cover;}

    /* ---------- 通用区块 ---------- */
    .section{padding:62px 0;}
    .section-alt{background:#fff;}
    .section-head{max-width:780px;margin:0 auto 42px;text-align:center;}
    .section-head .kicker{
        display:inline-block;font-size:13px;letter-spacing:2px;color:#64748b;
        background:var(--blue-100);padding:5px 16px;border-radius:30px;margin-bottom:14px;
        font-weight:600;
    }
    .section-head h2{font-size:27px;margin-bottom:12px;}
    .section-head p{color:var(--muted);font-size:15.5px;}

    /* ---------- GEO ---------- */
    .geo-box{
        background:#fff;border:1px solid var(--line);border-radius:var(--radius);
        padding:34px 36px;box-shadow:var(--shadow);
        border-left:5px solid #94a3b8;
    }
    .geo-box p{font-size:16px;color:#3d4b5c;line-height:1.95;}
    .geo-box p + p{margin-top:16px;}

    /* ---------- 数据统计 ---------- */
    .stats-grid{
        display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
    }
    .stat-card{
        background:#fff;border:1px solid var(--line);border-radius:var(--radius);
        padding:30px 20px;text-align:center;box-shadow:var(--shadow);
        transition:.26s;
    }
    .stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--blue-200);}
    .stat-card .num{
        font-size:32px;font-weight:700;
        background:linear-gradient(135deg,#475569,#94a3b8);
        -webkit-background-clip:text;background-clip:text;color:transparent;
        display:block;margin-bottom:6px;
    }
    .stat-card .label{font-size:14.5px;color:var(--muted);}

    /* ---------- 核心优势 ---------- */
    .adv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
    .adv-card{
        background:#fff;border:1px solid var(--line);border-radius:var(--radius);
        padding:28px 26px;box-shadow:var(--shadow);transition:.26s;
        display:flex;gap:18px;align-items:flex-start;
    }
    .adv-card:hover{box-shadow:var(--shadow-hover);border-color:var(--blue-200);transform:translateY(-4px);}
    .adv-icon{
        flex:0 0 48px;width:48px;height:48px;border-radius:12px;
        background:linear-gradient(135deg,#e8eef5,#cbd6e3);
        display:flex;align-items:center;justify-content:center;font-size:22px;
    }
    .adv-card h3{font-size:17.5px;margin-bottom:8px;}
    .adv-card p{font-size:14.8px;color:var(--muted);line-height:1.8;}

    /* ---------- 焦点赛事 ---------- */
    .event-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch;}
    .event-card{
        background:#fff;border:1px solid var(--line);border-radius:var(--radius);
        overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;
        transition:.26s;
    }
    .event-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);}
    .event-card img{width:100%;height:200px;object-fit:cover;}
    .event-body{padding:24px 26px;}
    .event-body .tag{
        display:inline-block;font-size:12.5px;color:#475569;background:var(--blue-100);
        padding:3px 12px;border-radius:20px;margin-bottom:12px;font-weight:600;
    }
    .event-body h3{font-size:18px;margin-bottom:10px;}
    .event-body p{font-size:14.6px;color:var(--muted);line-height:1.8;}
    .event-meta{
        display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;
        padding-top:14px;border-top:1px dashed var(--line);
        font-size:13.5px;color:#64748b;
    }

    /* ---------- 品牌故事 ---------- */
    .story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:center;}
    .story-figure{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-hover);border:1px solid var(--line);}
    .story-figure img{width:100%;height:330px;object-fit:cover;}
    .story-text h2{font-size:26px;margin-bottom:16px;}
    .story-text p{color:var(--muted);font-size:15.5px;line-height:1.95;margin-bottom:14px;}
    .story-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;}
    .story-points div{
        background:var(--blue-100);border-radius:10px;padding:12px 16px;
        font-size:14px;color:#475569;font-weight:600;
    }

    /* ---------- 新闻 ---------- */
    .news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
    .news-card{
        background:#fff;border:1px solid var(--line);border-radius:var(--radius);
        padding:26px 26px 22px;box-shadow:var(--shadow);transition:.26s;
        display:flex;flex-direction:column;
    }
    .news-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:var(--blue-200);}
    .news-date{
        font-size:13px;color:#64748b;letter-spacing:.5px;margin-bottom:10px;
        display:inline-flex;align-items:center;gap:6px;
    }
    .news-card h3{font-size:17.5px;margin-bottom:12px;line-height:1.5;}
    .news-card p{font-size:14.6px;color:var(--muted);line-height:1.85;}
    .news-card .news-foot{
        margin-top:auto;padding-top:16px;font-size:13.5px;color:#94a3b8;
        display:flex;justify-content:space-between;align-items:center;
    }
    .news-card .news-foot a{color:#475569;font-weight:600;}
    .news-card .news-foot a:hover{color:#94a3b8;}
    .news-card.wide{grid-column:1 / -1;}
    .news-card.wide{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;}
    .news-card.wide img{width:100%;height:140px;object-fit:cover;border-radius:10px;}
    .news-card.wide .news-text{display:flex;flex-direction:column;height:100%;}
    .news-card.wide h3{margin-top:2px;}

    /* ---------- 时间线 ---------- */
    .timeline{position:relative;max-width:880px;margin:0 auto;padding-left:26px;}
    .timeline::before{
        content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;
        background:linear-gradient(180deg,#94a3b8,#e2e8f0);
    }
    .tl-item{position:relative;padding:0 0 30px 26px;}
    .tl-item::before{
        content:"";position:absolute;left:-26px;top:7px;width:14px;height:14px;
        border-radius:50%;background:#fff;border:3px solid #64748b;
    }
    .tl-item h3{font-size:17px;margin-bottom:6px;}
    .tl-item .tl-tag{
        display:inline-block;font-size:12.5px;font-weight:600;color:#475569;
        background:var(--blue-100);padding:2px 11px;border-radius:20px;margin-bottom:8px;
    }
    .tl-item p{font-size:14.8px;color:var(--muted);line-height:1.8;}

    /* ---------- 口碑 ---------- */
    .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
    .review-card{
        background:#fff;border:1px solid var(--line);border-radius:var(--radius);
        padding:26px 24px;box-shadow:var(--shadow);
    }
    .review-card .quote{font-size:26px;color:#cbd6e3;line-height:1;margin-bottom:10px;}
    .review-card p{font-size:14.6px;color:#4a5a6e;line-height:1.85;margin-bottom:16px;}
    .review-user{display:flex;align-items:center;gap:10px;font-size:14px;color:#64748b;}
    .review-user .avatar{
        width:36px;height:36px;border-radius:50%;
        background:linear-gradient(135deg,#94a3b8,#475569);
        display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;
    }

    /* ---------- 伙伴 ---------- */
    .partner-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
    .partner-item{
        background:#fff;border:1px solid var(--line);border-radius:12px;
        padding:20px 12px;text-align:center;font-size:14px;color:#64748b;
        font-weight:600;transition:.24s;
    }
    .partner-item:hover{border-color:var(--blue-300);color:#475569;box-shadow:var(--shadow);}

    /* ---------- FAQ ---------- */
    .faq-list{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:16px;}
    .faq-item{
        background:#fff;border:1px solid var(--line);border-radius:var(--radius);
        padding:24px 28px;box-shadow:var(--shadow);transition:.24s;
    }
    .faq-item:hover{border-color:var(--blue-200);}
    .faq-item h3{
        font-size:16.5px;margin-bottom:12px;display:flex;gap:10px;align-items:flex-start;
    }
    .faq-item h3 .q-mark{
        flex:0 0 26px;width:26px;height:26px;border-radius:8px;
        background:linear-gradient(135deg,#475569,#94a3b8);
        color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;
    }
    .faq-item p{font-size:14.8px;color:var(--muted);line-height:1.9;padding-left:36px;}

    /* ---------- CTA ---------- */
    .cta{
        background:linear-gradient(135deg,#475569 0%,#64748b 55%,#94a3b8 100%);
        border-radius:20px;padding:52px 44px;text-align:center;color:#fff;
        box-shadow:0 16px 40px rgba(71,85,105,.24);
    }
    .cta h2{color:#fff;font-size:26px;margin-bottom:14px;}
    .cta p{color:#e8eef5;font-size:15.5px;max-width:720px;margin:0 auto 26px;line-height:1.9;}
    .cta .btn-row{justify-content:center;}

    /* ---------- 页脚 ---------- */
    .site-footer{
        background:#334155;color:#cbd6e3;padding:52px 0 0;margin-top:64px;
        font-size:14.5px;
    }
    .footer-grid{
        display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding-bottom:36px;
    }
    .footer-grid h4{color:#fff;font-size:16px;margin-bottom:16px;}
    .footer-grid p, .footer-grid li{line-height:2;color:#b9c6d6;font-size:14.2px;}
    .footer-grid ul li a:hover{color:#fff;}
    .footer-brand .logo{color:#fff;font-size:19px;margin-bottom:14px;}
    .footer-brand p{font-size:14.2px;color:#b9c6d6;}
    .footer-bottom{
        border-top:1px solid rgba(226,232,240,.16);
        padding:20px 0;display:flex;justify-content:space-between;
        align-items:center;gap:16px;flex-wrap:wrap;font-size:13.6px;color:#a9b8c9;
    }
    .footer-bottom a{color:#dbe4ee;}
    .footer-bottom a:hover{color:#fff;text-decoration:underline;}

    /* ---------- 响应式 ---------- */
    @media (max-width:980px){
        .hero-grid{grid-template-columns:1fr;gap:34px;}
        .hero h1{font-size:29px;}
        .hero-figure img{height:240px;}
        .stats-grid{grid-template-columns:repeat(2,1fr);}
        .adv-grid{grid-template-columns:1fr;}
        .event-grid{grid-template-columns:1fr;}
        .story-grid{grid-template-columns:1fr;}
        .news-grid{grid-template-columns:1fr;}
        .news-card.wide{grid-template-columns:1fr;}
        .news-card.wide img{height:180px;}
        .review-grid{grid-template-columns:1fr;}
        .partner-grid{grid-template-columns:repeat(3,1fr);}
        .footer-grid{grid-template-columns:1fr;}
    }
    @media (max-width:600px){
        .section{padding:46px 0;}
        .hero{padding:44px 0 50px;}
        .hero h1{font-size:24px;}
        .section-head h2{font-size:22px;}
        .geo-box{padding:26px 20px;}
        .cta{padding:36px 22px;}
        .cta h2{font-size:21px;}
        .stats-grid{grid-template-columns:1fr 1fr;}
        .partner-grid{grid-template-columns:repeat(2,1fr);}
        .faq-item{padding:20px;}
        .faq-item p{padding-left:0;}
        .header-inner{justify-content:center;}
        .nav-links{justify-content:center;}
    }