*{margin:0;padding:0;box-sizing:border-box;}
  html,body{font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;}
  body{
    background:
      radial-gradient(circle at 12% 8%, rgba(236,72,153,.20), transparent 45%),
      radial-gradient(circle at 88% 18%, rgba(34,211,238,.18), transparent 48%),
      radial-gradient(circle at 50% 100%, rgba(45,27,105,.85), transparent 60%),
      linear-gradient(160deg,#0a0a0a 0%,#140d2e 45%,#2d1b69 100%);
    background-attachment:fixed;
    color:#e8e8f0;
    line-height:1.75;
    min-height:100vh;
    -webkit-font-smoothing:antialiased;
  }
  a{color:#22d3ee;text-decoration:none;}
  a:hover{color:#ec4899;}
  img{max-width:100%;display:block;}
  h1,h2,h3,h4{line-height:1.3;letter-spacing:.5px;}

  .wrap{max-width:1180px;margin:0 auto;padding:0 20px;}

  /* ============ HEADER / NAV ============ */
  header.site-head{
    position:sticky;top:0;z-index:99;
    background:rgba(10,10,10,.82);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(236,72,153,.35);
    box-shadow:0 0 26px rgba(236,72,153,.22), inset 0 -1px 0 rgba(34,211,238,.18);
  }
  .head-inner{
    max-width:1180px;margin:0 auto;padding:14px 20px;
    display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  }
  .logo{
    font-size:20px;font-weight:800;letter-spacing:2px;
    background:linear-gradient(92deg,#ec4899,#22d3ee);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    text-shadow:0 0 22px rgba(236,72,153,.45);
    white-space:nowrap;
  }
  .nav-links{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
  .nav-links a{
    display:inline-block;padding:7px 14px;border-radius:999px;
    font-size:14px;color:#cfd6e6;
    border:1px solid rgba(34,211,238,.28);
    background:rgba(34,211,238,.05);
    transition:.25s;
  }
  .nav-links a:hover{
    color:#0a0a0a;background:linear-gradient(92deg,#22d3ee,#ec4899);
    border-color:transparent;box-shadow:0 0 18px rgba(236,72,153,.65);
    transform:translateY(-2px);
  }

  /* ============ HERO ============ */
  #hero{padding:64px 0 42px;position:relative;overflow:hidden;}
  #hero::after{
    content:"";position:absolute;inset:auto -10% -60% -10%;height:340px;
    background:radial-gradient(ellipse at center, rgba(45,27,105,.75), transparent 70%);
    pointer-events:none;
  }
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;}
  .tagline{
    display:inline-block;font-size:12px;letter-spacing:3px;color:#22d3ee;
    border:1px solid rgba(34,211,238,.5);border-radius:999px;padding:5px 16px;
    margin-bottom:20px;box-shadow:0 0 18px rgba(34,211,238,.35) inset;
  }
  h1{
    font-size:clamp(26px,3.6vw,44px);font-weight:900;
    background:linear-gradient(96deg,#ffffff 8%,#ec4899 52%,#22d3ee 96%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    text-shadow:0 0 40px rgba(236,72,153,.28);
    margin-bottom:18px;
  }
  .hero-sub{color:#b9c0d4;font-size:16px;max-width:640px;}
  .hero-cta{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap;}
  .btn{
    display:inline-block;padding:12px 26px;border-radius:999px;font-weight:700;font-size:15px;
    transition:.28s;border:1px solid transparent;
  }
  .btn-main{background:linear-gradient(92deg,#ec4899,#22d3ee);color:#08080c;box-shadow:0 0 26px rgba(236,72,153,.6);}
  .btn-main:hover{transform:translateY(-3px);box-shadow:0 0 38px rgba(34,211,238,.85);color:#08080c;}
  .btn-ghost{border-color:rgba(34,211,238,.55);color:#22d3ee;background:rgba(34,211,238,.06);}
  .btn-ghost:hover{background:rgba(34,211,238,.16);color:#fff;}
  .hero-img{
    position:relative;border-radius:22px;padding:2px;
    background:linear-gradient(140deg,#ec4899,#2d1b69 45%,#22d3ee);
    box-shadow:0 0 40px rgba(236,72,153,.4),0 0 70px rgba(34,211,238,.18);
  }
  .hero-img img{border-radius:20px;width:100%;height:100%;object-fit:cover;}

  /* ============ SECTION BASE ============ */
  section{padding:56px 0;position:relative;}
  .sec-title{
    font-size:clamp(21px,2.5vw,30px);font-weight:800;margin-bottom:10px;
    color:#ffffff;text-shadow:0 0 22px rgba(34,211,238,.4);
  }
  .sec-title::before{
    content:"";display:inline-block;width:8px;height:26px;margin-right:12px;
    vertical-align:-4px;border-radius:4px;
    background:linear-gradient(180deg,#ec4899,#22d3ee);
    box-shadow:0 0 16px rgba(236,72,153,.9);
  }
  .sec-desc{color:#a9b2c8;margin-bottom:30px;max-width:820px;font-size:15px;}

  /* ============ GEO INTRO ============ */
  #geo-intro .geo-box{
    border-radius:20px;padding:30px 32px;
    background:linear-gradient(150deg,rgba(45,27,105,.62),rgba(10,10,10,.72));
    border:1px solid rgba(236,72,153,.32);
    box-shadow:0 0 30px rgba(236,72,153,.18), inset 0 0 40px rgba(34,211,238,.06);
    position:relative;overflow:hidden;
  }
  #geo-intro .geo-box::before{
    content:"";position:absolute;top:0;left:0;width:100%;height:3px;
    background:linear-gradient(90deg,#ec4899,#22d3ee,#ec4899);
    background-size:200% 100%;animation:flow 6s linear infinite;
  }
  @keyframes flow{0%{background-position:0 0;}100%{background-position:200% 0;}}
  #geo-intro p{color:#c6cde0;font-size:15.5px;margin-bottom:14px;}
  #geo-intro p:last-child{margin-bottom:0;}
  .hl-pink{color:#ec4899;font-weight:700;}
  .hl-cyan{color:#22d3ee;font-weight:700;}

  /* ============ DATA STATS ============ */
  #data-stats .stat-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;
  }
  .stat-card{
    text-align:center;padding:28px 18px;border-radius:18px;
    background:linear-gradient(160deg,rgba(45,27,105,.55),rgba(10,10,10,.8));
    border:1px solid rgba(34,211,238,.28);
    box-shadow:0 0 22px rgba(34,211,238,.14), inset 0 0 26px rgba(236,72,153,.07);
    transition:.3s;
  }
  .stat-card:hover{
    transform:translateY(-6px);
    border-color:rgba(236,72,153,.7);
    box-shadow:0 0 34px rgba(236,72,153,.45), inset 0 0 30px rgba(34,211,238,.12);
  }
  .stat-num{
    font-size:34px;font-weight:900;
    background:linear-gradient(92deg,#22d3ee,#ec4899);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .stat-label{font-size:14px;color:#9aa3ba;margin-top:6px;letter-spacing:1px;}

  /* ============ ADVANTAGES ============ */
  #core-advantages .adv-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;
  }
  .adv-card{
    padding:26px 24px;border-radius:18px;position:relative;
    background:rgba(12,10,26,.78);
    border:1px solid rgba(236,72,153,.28);
    box-shadow:0 0 24px rgba(236,72,153,.13), inset 0 0 24px rgba(34,211,238,.05);
    transition:.32s;
  }
  .adv-card::after{
    content:"";position:absolute;inset:6px;border-radius:13px;
    border:1px solid rgba(34,211,238,.18);pointer-events:none;transition:.32s;
  }
  .adv-card:hover{
    transform:translateY(-6px);
    border-color:rgba(34,211,238,.75);
    box-shadow:0 0 36px rgba(34,211,238,.38), inset 0 0 26px rgba(236,72,153,.12);
  }
  .adv-card:hover::after{border-color:rgba(236,72,153,.45);}
  .adv-icon{font-size:26px;margin-bottom:12px;}
  .adv-card h3{font-size:17px;color:#fff;margin-bottom:10px;}
  .adv-card p{font-size:14.5px;color:#a9b2c8;}

  /* ============ FEATURED EVENTS ============ */
  #featured-events .event-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;
  }
  .event-card{
    border-radius:18px;overflow:hidden;
    background:linear-gradient(170deg,rgba(45,27,105,.6),rgba(8,8,14,.9));
    border:1px solid rgba(34,211,238,.3);
    box-shadow:0 0 26px rgba(34,211,238,.14);
    transition:.3s;
  }
  .event-card:hover{transform:translateY(-6px);box-shadow:0 0 38px rgba(236,72,153,.42);}
  .event-card img{height:170px;width:100%;object-fit:cover;opacity:.92;}
  .event-body{padding:20px 22px 24px;}
  .event-body h3{font-size:17px;color:#fff;margin-bottom:8px;}
  .event-body p{font-size:14px;color:#a9b2c8;}
  .event-meta{
    margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;font-size:12.5px;color:#22d3ee;
  }
  .event-meta span{
    border:1px solid rgba(34,211,238,.4);border-radius:999px;padding:3px 12px;
    background:rgba(34,211,238,.07);
  }

  /* ============ SCORES ============ */
  #scores .score-table{
    width:100%;border-collapse:collapse;border-radius:16px;overflow:hidden;
    background:rgba(10,10,18,.72);
    box-shadow:0 0 26px rgba(34,211,238,.14);
  }
  #scores .score-table th{
    background:linear-gradient(92deg,rgba(236,72,153,.28),rgba(34,211,238,.22));
    color:#fff;font-size:14px;padding:14px 12px;text-align:left;letter-spacing:1px;
  }
  #scores .score-table td{
    padding:13px 12px;font-size:14px;color:#c2c9dc;
    border-bottom:1px solid rgba(34,211,238,.12);
  }
  #scores .score-table tr:hover td{background:rgba(236,72,153,.09);color:#fff;}
  .live-dot{
    display:inline-block;width:8px;height:8px;border-radius:50%;
    background:#ec4899;box-shadow:0 0 10px #ec4899;margin-right:7px;
    animation:pulse 1.4s infinite;
  }
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.25;}}

  /* ============ NEWS ============ */
  #news-list .news-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;
  }
  .news-item{
    padding:24px 24px 26px;border-radius:18px;
    background:linear-gradient(155deg,rgba(45,27,105,.5),rgba(9,9,16,.86));
    border:1px solid rgba(236,72,153,.24);
    box-shadow:0 0 22px rgba(236,72,153,.11);
    transition:.3s;
  }
  .news-item:hover{
    transform:translateY(-5px);
    border-color:rgba(34,211,238,.7);
    box-shadow:0 0 34px rgba(34,211,238,.32);
  }
  .news-date{
    display:inline-block;font-size:12.5px;color:#22d3ee;letter-spacing:1px;
    border:1px solid rgba(34,211,238,.42);border-radius:999px;padding:2px 12px;margin-bottom:12px;
  }
  .news-item h3{font-size:16.5px;color:#fff;margin-bottom:10px;}
  .news-item p{font-size:14px;color:#a9b2c8;}

  /* ============ DOWNLOAD ============ */
  #download .dl-box{
    display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;
    border-radius:22px;padding:34px;
    background:linear-gradient(140deg,rgba(236,72,153,.16),rgba(34,211,238,.12),rgba(10,10,10,.85));
    border:1px solid rgba(236,72,153,.36);
    box-shadow:0 0 36px rgba(236,72,153,.22);
  }
  #download img{border-radius:16px;box-shadow:0 0 28px rgba(34,211,238,.32);}
  #download h2{margin-bottom:14px;}
  #download p{color:#b6bed3;font-size:15px;margin-bottom:12px;}

  /* ============ PARTNERS ============ */
  #partners .partner-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;
  }
  .partner-item{
    text-align:center;padding:18px 10px;border-radius:14px;font-size:14px;color:#c3cadb;
    background:rgba(12,12,22,.7);
    border:1px solid rgba(34,211,238,.22);
    transition:.28s;
  }
  .partner-item:hover{
    color:#fff;border-color:rgba(236,72,153,.75);
    box-shadow:0 0 22px rgba(236,72,153,.4);transform:translateY(-4px);
  }

  /* ============ FAQ ============ */
  #faq .faq-list{display:grid;gap:16px;}
  .faq-item{
    border-radius:16px;padding:22px 24px;
    background:linear-gradient(150deg,rgba(45,27,105,.45),rgba(9,9,16,.86));
    border:1px solid rgba(34,211,238,.26);
    box-shadow:0 0 20px rgba(34,211,238,.1);
    transition:.3s;
  }
  .faq-item:hover{border-color:rgba(236,72,153,.65);box-shadow:0 0 30px rgba(236,72,153,.32);}
  .faq-q{
    font-size:16px;font-weight:700;color:#fff;margin-bottom:10px;display:flex;gap:10px;align-items:flex-start;
  }
  .faq-q .qmark{
    flex:0 0 auto;width:24px;height:24px;line-height:24px;text-align:center;border-radius:8px;
    font-size:13px;color:#0a0a0a;font-weight:900;
    background:linear-gradient(135deg,#22d3ee,#ec4899);box-shadow:0 0 14px rgba(236,72,153,.6);
  }
  .faq-a{font-size:14.5px;color:#aab3c9;padding-left:34px;}

  /* ============ FOOTER ============ */
  footer.site-foot{
    margin-top:40px;padding:44px 0 26px;
    background:linear-gradient(180deg,rgba(10,10,10,.35),rgba(45,27,105,.55));
    border-top:1px solid rgba(236,72,153,.36);
    box-shadow:inset 0 1px 0 rgba(34,211,238,.2);
  }
  .foot-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;margin-bottom:28px;
  }
  .foot-col h4{font-size:15px;color:#fff;margin-bottom:12px;letter-spacing:1px;}
  .foot-col p,.foot-col a{font-size:14px;color:#a9b2c8;display:block;margin-bottom:8px;}
  .foot-col a:hover{color:#ec4899;}
  .foot-bottom{
    border-top:1px solid rgba(34,211,238,.16);padding-top:18px;
    display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
    font-size:13px;color:#8f98ae;
  }

  @media(max-width:880px){
    .hero-grid{grid-template-columns:1fr;}
    #download .dl-box{grid-template-columns:1fr;}
  }
  @media(max-width:560px){
    .head-inner{padding:12px 16px;}
    .nav-links a{padding:6px 11px;font-size:13px;}
    section{padding:42px 0;}
  }