:root{
        --deep:#1a0a2e;
        --mid:#2a0d4a;
        --purple:#3b0764;
        --bright:#a855f7;
        --bright2:#c084fc;
        --silver:#cbd5e1;
        --line:rgba(168,85,247,.28);
        --card:rgba(37,12,64,.72);
    }
    *{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:linear-gradient(165deg,#1a0a2e 0%,#280c46 42%,#3b0764 100%);
        background-attachment:fixed;
        color:#ece7f8;
        line-height:1.85;
        min-height:100vh;
        -webkit-font-smoothing:antialiased;
    }
    img{max-width:100%;display:block;}
    a{color:inherit;text-decoration:none;}
    .wrap{width:min(1180px,92%);margin:0 auto;}

    /* ---------- 导航 ---------- */
    header.site-header{
        position:sticky;top:0;z-index:99;
        background:rgba(20,7,38,.86);
        backdrop-filter:blur(14px);
        border-bottom:1px solid var(--line);
    }
    .nav-bar{
        display:flex;align-items:center;justify-content:space-between;
        gap:18px;padding:14px 0;flex-wrap:wrap;
    }
    .brand{
        display:flex;align-items:center;gap:10px;
        font-size:1.12rem;font-weight:700;letter-spacing:.5px;
        color:#f3ecff;
    }
    .brand .dot{
        width:12px;height:12px;border-radius:50%;
        background:radial-gradient(circle at 30% 30%,#e9d5ff,#a855f7 60%,#5b21b6);
        box-shadow:0 0 14px rgba(168,85,247,.9);
    }
    .nav-links{display:flex;flex-wrap:wrap;gap:8px;}
    .nav-links a{
        padding:8px 15px;border-radius:999px;
        font-size:.94rem;color:#d9cdf0;
        border:1px solid transparent;
        transition:.25s;
        white-space:nowrap;
    }
    .nav-links a:hover{
        color:#fff;border-color:var(--line);
        background:rgba(168,85,247,.16);
        box-shadow:0 0 18px rgba(168,85,247,.28);
    }

    /* ---------- 大屏 ---------- */
    #hero{padding:74px 0 60px;position:relative;overflow:hidden;}
    #hero::before{
        content:"";position:absolute;top:-140px;right:-120px;
        width:420px;height:420px;border-radius:50%;
        background:radial-gradient(circle,rgba(168,85,247,.35),transparent 68%);
        filter:blur(18px);pointer-events:none;
    }
    #hero::after{
        content:"";position:absolute;bottom:-160px;left:-140px;
        width:380px;height:380px;border-radius:50%;
        background:radial-gradient(circle,rgba(124,58,237,.3),transparent 70%);
        filter:blur(22px);pointer-events:none;
    }
    .hero-grid{
        display:grid;grid-template-columns:1.15fr .85fr;
        gap:44px;align-items:center;position:relative;z-index:2;
    }
    .tagline{
        display:inline-block;font-size:.82rem;letter-spacing:2px;
        padding:6px 16px;border-radius:999px;
        border:1px solid var(--line);color:var(--bright2);
        background:rgba(168,85,247,.12);margin-bottom:20px;
    }
    h1{
        font-size:clamp(1.75rem,3.5vw,2.7rem);
        line-height:1.42;font-weight:800;letter-spacing:.5px;
        background:linear-gradient(100deg,#ffffff 12%,#d8b4fe 48%,#a855f7 92%);
        -webkit-background-clip:text;background-clip:text;
        -webkit-text-fill-color:transparent;
        margin-bottom:20px;
    }
    .hero-text{color:#c9bce4;font-size:1.02rem;margin-bottom:26px;}
    .btn-row{display:flex;flex-wrap:wrap;gap:14px;}
    .btn{
        display:inline-block;padding:13px 30px;border-radius:999px;
        font-weight:700;font-size:.97rem;transition:.28s;
        border:1px solid transparent;
    }
    .btn-primary{
        background:linear-gradient(120deg,#7c3aed,#a855f7 55%,#c084fc);
        color:#fff;
        box-shadow:0 10px 30px rgba(124,58,237,.42);
    }
    .btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(168,85,247,.55);}
    .btn-ghost{
        border-color:var(--line);color:#ddcff5;
        background:rgba(168,85,247,.08);
    }
    .btn-ghost:hover{background:rgba(168,85,247,.2);transform:translateY(-3px);}
    .hero-img{
        border-radius:22px;overflow:hidden;
        border:1px solid var(--line);
        box-shadow:0 26px 60px rgba(0,0,0,.55),0 0 0 1px rgba(168,85,247,.12) inset;
    }
    .hero-img img{width:100%;height:100%;object-fit:cover;}

    /* ---------- 通用区块 ---------- */
    section{padding:62px 0;}
    .sec-head{text-align:center;margin-bottom:42px;}
    .sec-head h2{
        font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;
        color:#f5efff;letter-spacing:.6px;
    }
    .sec-head h2::after{
        content:"";display:block;width:64px;height:3px;border-radius:3px;
        margin:14px auto 0;
        background:linear-gradient(90deg,#7c3aed,#c084fc);
        box-shadow:0 0 14px rgba(168,85,247,.8);
    }
    .sec-head p{color:#b6a7d4;margin-top:14px;font-size:.98rem;}

    /* ---------- GEO ---------- */
    #geo-intro{
        background:linear-gradient(150deg,rgba(59,7,100,.62),rgba(26,10,46,.86));
        border:1px solid var(--line);
        border-radius:22px;
        padding:34px 34px;
        box-shadow:0 18px 46px rgba(0,0,0,.45);
        margin:0 auto;
    }
    #geo-intro p{color:#d5c9ee;font-size:1.02rem;margin-bottom:14px;}
    #geo-intro p:last-child{margin-bottom:0;}

    /* ---------- 数据统计 ---------- */
    #stats .stat-grid{
        display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
        gap:20px;
    }
    .stat-card{
        background:var(--card);
        border:1px solid var(--line);
        border-radius:18px;
        padding:28px 22px;text-align:center;
        box-shadow:0 14px 34px rgba(0,0,0,.42);
        transition:.3s;
    }
    .stat-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(124,58,237,.35);border-color:rgba(192,132,252,.6);}
    .stat-num{
        font-size:2.1rem;font-weight:800;letter-spacing:1px;
        background:linear-gradient(120deg,#ffffff,#c084fc);
        -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    }
    .stat-label{color:#b8a9d6;font-size:.94rem;margin-top:8px;}

    /* ---------- 核心优势 ---------- */
    #advantages .adv-grid{
        display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
        gap:22px;
    }
    .adv-card{
        background:var(--card);
        border:1px solid var(--line);
        border-radius:18px;padding:28px 26px;
        box-shadow:0 14px 34px rgba(0,0,0,.4);
        transition:.3s;position:relative;overflow:hidden;
    }
    .adv-card::before{
        content:"";position:absolute;top:0;left:0;width:100%;height:2px;
        background:linear-gradient(90deg,transparent,#a855f7,transparent);
        opacity:.7;
    }
    .adv-card:hover{transform:translateY(-6px);border-color:rgba(192,132,252,.62);box-shadow:0 22px 48px rgba(124,58,237,.34);}
    .adv-card h3{font-size:1.08rem;color:#f0e8ff;margin-bottom:12px;}
    .adv-card p{color:#bfb1dc;font-size:.95rem;}
    .adv-icon{font-size:1.6rem;margin-bottom:12px;display:block;}

    /* ---------- 品牌故事 ---------- */
    #brand-story .story-grid{
        display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;
    }
    .story-img{
        border-radius:22px;overflow:hidden;
        border:1px solid var(--line);
        box-shadow:0 22px 52px rgba(0,0,0,.55);
    }
    .story-img img{width:100%;height:100%;object-fit:cover;}
    #brand-story h2{font-size:1.7rem;color:#f4eeff;margin-bottom:18px;}
    #brand-story p{color:#c6b8e2;margin-bottom:14px;font-size:.99rem;}

    /* ---------- 焦点赛事 ---------- */
    #events .event-grid{
        display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
        gap:22px;
    }
    .event-card{
        background:var(--card);border:1px solid var(--line);
        border-radius:18px;padding:26px 24px;
        box-shadow:0 14px 34px rgba(0,0,0,.4);transition:.3s;
    }
    .event-card:hover{transform:translateY(-6px);border-color:rgba(192,132,252,.6);}
    .event-tag{
        display:inline-block;font-size:.78rem;letter-spacing:1px;
        padding:4px 12px;border-radius:999px;margin-bottom:14px;
        background:rgba(168,85,247,.18);color:#d8b4fe;
        border:1px solid var(--line);
    }
    .event-card h3{font-size:1.05rem;color:#f2ebff;margin-bottom:10px;}
    .event-card p{color:#bfb1dc;font-size:.94rem;}

    /* ---------- 新闻 ---------- */
    #news-list .news-grid{
        display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
        gap:24px;
    }
    .news-card{
        background:var(--card);border:1px solid var(--line);
        border-radius:18px;padding:26px 24px;
        box-shadow:0 14px 34px rgba(0,0,0,.42);
        transition:.3s;display:flex;flex-direction:column;
    }
    .news-card:hover{transform:translateY(-6px);border-color:rgba(192,132,252,.62);box-shadow:0 22px 48px rgba(124,58,237,.34);}
    .news-card h3{font-size:1.06rem;color:#f4eeff;margin-bottom:10px;line-height:1.6;}
    .news-date{
        display:inline-block;font-size:.8rem;color:#a98fd0;
        margin-bottom:10px;letter-spacing:.6px;
    }
    .news-card p{color:#bdb0d9;font-size:.93rem;flex:1;}

    /* ---------- FAQ ---------- */
    #faq .faq-list{display:grid;gap:18px;}
    .faq-item{
        background:var(--card);border:1px solid var(--line);
        border-radius:16px;padding:24px 26px;
        box-shadow:0 12px 30px rgba(0,0,0,.4);
        transition:.3s;
    }
    .faq-item:hover{border-color:rgba(192,132,252,.6);}
    .faq-item h3{
        font-size:1.02rem;color:#f0e6ff;margin-bottom:12px;
        display:flex;gap:10px;align-items:flex-start;
    }
    .faq-item h3::before{
        content:"Q";flex:0 0 26px;width:26px;height:26px;
        display:inline-flex;align-items:center;justify-content:center;
        font-size:.82rem;font-weight:800;border-radius:8px;
        background:linear-gradient(135deg,#7c3aed,#c084fc);color:#fff;
        margin-top:2px;
    }
    .faq-item p{color:#bfb1dc;font-size:.95rem;padding-left:36px;}

    /* ---------- CTA ---------- */
    #cta .cta-box{
        background:linear-gradient(130deg,rgba(124,58,237,.34),rgba(59,7,100,.78));
        border:1px solid rgba(192,132,252,.42);
        border-radius:26px;padding:52px 36px;text-align:center;
        box-shadow:0 26px 60px rgba(0,0,0,.5);
    }
    #cta h2{font-size:clamp(1.35rem,2.6vw,1.95rem);color:#fff;margin-bottom:16px;}
    #cta p{color:#d6c8f2;max-width:760px;margin:0 auto 28px;font-size:1rem;}

    /* ---------- 页脚 ---------- */
    footer.site-footer{
        border-top:1px solid var(--line);
        background:rgba(15,5,30,.86);
        padding:46px 0 26px;margin-top:20px;
    }
    .footer-grid{
        display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
        gap:28px;margin-bottom:30px;
    }
    .footer-col h4{
        font-size:1rem;color:#e9dcff;margin-bottom:14px;letter-spacing:.6px;
    }
    .footer-col p,.footer-col a{color:#a99cc4;font-size:.92rem;display:block;margin-bottom:8px;}
    .footer-col a:hover{color:#d8b4fe;}
    .footer-bottom{
        border-top:1px solid rgba(168,85,247,.18);
        padding-top:20px;text-align:center;
        color:#8f81ad;font-size:.86rem;
    }
    .footer-bottom a{color:#b79adf;}
    .footer-bottom a:hover{color:#e9d5ff;}

    @media (max-width:900px){
        .hero-grid{grid-template-columns:1fr;}
        #brand-story .story-grid{grid-template-columns:1fr;}
    }
    @media (max-width:560px){
        section{padding:46px 0;}
        #geo-intro{padding:26px 20px;}
        .faq-item p{padding-left:0;margin-top:4px;}
    }