:root{
  --orange:#ea580c;
  --deep:#7f1d1d;
  --amber:#f59e0b;
  --yellow:#fbbf24;
  --cream:#fff7ed;
  --ink:#2b1206;
  --muted:#7a4526;
  --line:rgba(234,88,12,.18);
  --shadow:0 14px 34px rgba(127,29,29,.14);
}
*{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:
    radial-gradient(circle at 12% 0%, rgba(251,191,36,.20), transparent 46%),
    radial-gradient(circle at 90% 8%, rgba(234,88,12,.16), transparent 42%),
    linear-gradient(180deg,#fffaf4 0%,#fff3e6 55%,#ffe9d5 100%);
  color:var(--ink);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,p,span,a,li,summary,strong,em,div,td,th,time{
  font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
}
img{max-width:100%;display:block;border-radius:16px;}
a{color:var(--deep);text-decoration:none;}
.wrap{width:min(1180px,94%);margin:0 auto;}

/* 顶部导航 */
.site-head{
  position:sticky;top:0;z-index:60;
  background:linear-gradient(100deg,#7f1d1d 0%,#b91c1c 38%,#ea580c 78%,#f59e0b 100%);
  box-shadow:0 10px 26px rgba(127,29,29,.28);
}
.head-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:18px;padding:12px 0;flex-wrap:wrap;
}
.brand{
  display:flex;align-items:center;gap:10px;
  color:#fff8ef;font-weight:800;font-size:1.15rem;letter-spacing:.5px;
}
.brand .mark{
  width:36px;height:36px;border-radius:12px;
  background:radial-gradient(circle at 30% 20%,#fde68a,#f59e0b 55%,#b91c1c 100%);
  display:grid;place-items:center;font-size:1.05rem;
  box-shadow:inset 0 0 12px rgba(255,255,255,.55),0 4px 12px rgba(0,0,0,.25);
}
.nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.nav-links a{
  color:#fff6e8;font-size:.95rem;font-weight:600;
  padding:8px 14px;border-radius:999px;
  transition:background .25s ease,transform .25s ease;
}
.nav-links a:hover{
  background:rgba(255,255,255,.20);
  transform:translateY(-2px);
}

/* 大屏展示 */
.hero{
  position:relative;overflow:hidden;
  padding:64px 0 52px;
  background:
    radial-gradient(circle at 78% 18%, rgba(251,191,36,.30), transparent 46%),
    radial-gradient(circle at 12% 82%, rgba(234,88,12,.26), transparent 48%),
    linear-gradient(150deg,#fff7ed 0%,#ffe6cc 46%,#ffd9b3 100%);
}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 46%,transparent 62%);
  animation:shine 7s linear infinite;
}
@keyframes shine{
  0%{transform:translateX(-60%);}
  100%{transform:translateX(60%);}
}
.hero-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;
}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(95deg,#ea580c,#b91c1c);
  color:#fff8ee;font-weight:700;font-size:.82rem;letter-spacing:1px;
  padding:6px 16px;border-radius:999px;
  box-shadow:0 8px 18px rgba(185,28,28,.28);
}
h1{
  font-size:clamp(1.85rem,3.6vw,2.85rem);
  line-height:1.28;font-weight:900;margin:18px 0 14px;
  background:linear-gradient(100deg,#7f1d1d 0%,#c2410c 52%,#ea580c 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero p.lead{color:#6b3418;font-size:1.03rem;max-width:620px;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 26px;border-radius:999px;font-weight:700;font-size:.96rem;
  transition:transform .25s ease,box-shadow .25s ease;
}
.btn-primary{
  color:#fff8ee;background:linear-gradient(95deg,#ea580c,#b91c1c);
  box-shadow:0 12px 26px rgba(185,28,28,.32);
}
.btn-ghost{
  color:#7f1d1d;background:#fff8ee;border:2px solid rgba(234,88,12,.35);
}
.btn:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(185,28,28,.30);}
.hero-art{
  position:relative;
  padding:14px;border-radius:26px;
  background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,230,200,.72));
  box-shadow:var(--shadow);
  border:1px solid rgba(234,88,12,.22);
}
.hero-art img{width:100%;height:290px;object-fit:cover;}

/* 通用区块 */
section{padding:56px 0;}
.sec-head{max-width:760px;margin-bottom:30px;}
.sec-tag{
  display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:2px;
  color:#b91c1c;background:rgba(251,191,36,.28);
  padding:4px 14px;border-radius:999px;margin-bottom:12px;
}
h2{
  font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:900;line-height:1.35;
  color:#7f1d1d;margin-bottom:10px;
}
.sec-head p{color:var(--muted);font-size:.98rem;}

/* 卡片+火焰纹理 */
.card{
  position:relative;overflow:hidden;
  border-radius:22px;padding:26px;
  background:
    radial-gradient(circle at 18% 0%, rgba(251,191,36,.30), transparent 58%),
    radial-gradient(circle at 84% 100%, rgba(234,88,12,.26), transparent 55%),
    linear-gradient(158deg,#fffdf9 0%,#fff1e0 100%);
  border:1px solid rgba(234,88,12,.20);
  box-shadow:var(--shadow);
  transition:transform .3s ease,box-shadow .3s ease;
}
.card::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.66) 50%,transparent 65%);
  transform:translateX(-120%);
  animation:flow 6.5s ease-in-out infinite;
}
@keyframes flow{
  0%,70%{transform:translateX(-120%);}
  100%{transform:translateX(120%);}
}
.card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(127,29,29,.20);}
.card h3{position:relative;font-size:1.08rem;color:#9a3412;margin-bottom:10px;font-weight:800;}
.card p{position:relative;color:var(--muted);font-size:.94rem;}

/* GEO 介绍 */
.geo-box{
  border-radius:26px;padding:34px;
  background:
    radial-gradient(circle at 92% 6%, rgba(251,191,36,.34), transparent 50%),
    linear-gradient(150deg,#fffaf2,#ffe9d2);
  border:1px solid rgba(234,88,12,.22);
  box-shadow:var(--shadow);
}
.geo-box p{color:#63300f;font-size:1.02rem;}

/* 数据统计 */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.stat{
  text-align:center;border-radius:20px;padding:26px 16px;
  background:linear-gradient(160deg,#7f1d1d,#b91c1c 55%,#ea580c);
  color:#fff6e8;box-shadow:0 14px 30px rgba(127,29,29,.26);
  border:1px solid rgba(255,255,255,.16);
}
.stat .num{font-size:2rem;font-weight:900;letter-spacing:1px;color:#fde68a;}
.stat .lbl{font-size:.9rem;opacity:.92;}

/* 核心优势 */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.icon-chip{
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  font-size:1.3rem;margin-bottom:14px;
  background:linear-gradient(140deg,#fbbf24,#ea580c);
  box-shadow:0 8px 18px rgba(234,88,12,.28);
}

/* 焦点赛事 */
.event-card{display:flex;flex-direction:column;gap:12px;}
.match-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:13px 16px;border-radius:14px;
  background:linear-gradient(95deg,rgba(251,191,36,.20),rgba(255,255,255,.75));
  border:1px dashed rgba(234,88,12,.32);
  font-weight:700;color:#8a3410;font-size:.95rem;
}
.match-row span.vs{color:#b91c1c;font-weight:900;}

/* 新闻 */
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.news-card{display:flex;flex-direction:column;gap:10px;}
.news-card .date{
  display:inline-block;font-size:.78rem;font-weight:800;color:#b91c1c;
  background:rgba(251,191,36,.30);padding:3px 12px;border-radius:999px;
  width:fit-content;position:relative;
}
.news-card h3{font-size:1.02rem;line-height:1.5;}
.news-thumb{height:130px;object-fit:cover;width:100%;}

/* 时间线 */
.timeline{position:relative;padding-left:26px;}
.timeline::before{
  content:"";position:absolute;left:6px;top:6px;bottom:6px;width:4px;border-radius:4px;
  background:linear-gradient(180deg,#fbbf24,#ea580c,#7f1d1d);
}
.tl-item{position:relative;margin-bottom:22px;}
.tl-item::before{
  content:"";position:absolute;left:-27px;top:8px;width:14px;height:14px;border-radius:50%;
  background:#fff;border:4px solid #ea580c;box-shadow:0 0 0 4px rgba(251,191,36,.28);
}
.tl-item h4{color:#9a3412;font-size:1.02rem;margin-bottom:4px;}
.tl-item p{color:var(--muted);font-size:.94rem;}

/* 合作伙伴 */
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.partner{
  text-align:center;padding:20px 12px;border-radius:18px;font-weight:800;color:#8a3410;
  background:linear-gradient(150deg,#fffdf8,#ffe9d2);
  border:1px solid rgba(234,88,12,.22);
  box-shadow:0 8px 20px rgba(127,29,29,.10);
  transition:transform .25s ease;
}
.partner:hover{transform:translateY(-4px);}

/* CTA */
.cta-band{
  border-radius:26px;padding:44px 34px;text-align:center;color:#fff7ec;
  background:
    radial-gradient(circle at 15% 20%, rgba(251,191,36,.34), transparent 46%),
    radial-gradient(circle at 85% 80%, rgba(255,255,255,.16), transparent 48%),
    linear-gradient(120deg,#7f1d1d,#b91c1c 55%,#ea580c);
  box-shadow:0 20px 44px rgba(127,29,29,.30);
}
.cta-band h2{color:#ffe9c2;margin-bottom:12px;}
.cta-band p{max-width:720px;margin:0 auto 22px;opacity:.94;font-size:.98rem;}

/* FAQ */
.faq-list{display:grid;gap:14px;}
details{
  border-radius:18px;overflow:hidden;
  background:linear-gradient(155deg,#fffdf9,#fff0dd);
  border:1px solid rgba(234,88,12,.24);
  box-shadow:0 8px 22px rgba(127,29,29,.10);
}
details summary{
  cursor:pointer;list-style:none;padding:18px 22px;
  font-weight:800;color:#8a3410;font-size:1rem;
  display:flex;align-items:center;gap:10px;
}
details summary::-webkit-details-marker{display:none;}
details summary::before{
  content:"🔥";font-size:.95rem;
}
details[open] summary{background:linear-gradient(95deg,rgba(251,191,36,.26),transparent);}
details .answer{padding:0 22px 20px;color:var(--muted);font-size:.95rem;}

/* 下载区 */
.dl-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;}
.dl-grid img{height:260px;object-fit:cover;width:100%;}
.dl-list{list-style:none;display:grid;gap:10px;margin-top:14px;}
.dl-list li{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:.95rem;}
.dl-list li b{color:#9a3412;}

/* 页脚 */
footer{
  margin-top:20px;padding:48px 0 26px;color:#ffe9d6;
  background:
    radial-gradient(circle at 12% 0%, rgba(251,191,36,.22), transparent 42%),
    linear-gradient(160deg,#7f1d1d,#4c0f0f);
}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px;}
footer h3{color:#fde68a;font-size:1.05rem;margin-bottom:12px;font-weight:800;}
footer p,footer li{font-size:.92rem;color:#f6d9c4;line-height:1.9;}
footer ul{list-style:none;}
footer a{color:#fde68a;}
.foot-bottom{
  margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-size:.85rem;color:#f0cbb2;
}

@media (max-width:960px){
  .hero-grid,.dl-grid,.grid-2{grid-template-columns:1fr;}
  .grid-3,.stats-grid,.news-grid{grid-template-columns:1fr 1fr;}
  .partner-grid{grid-template-columns:1fr 1fr;}
  .foot-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .grid-3,.stats-grid,.news-grid,.partner-grid{grid-template-columns:1fr;}
  .hero{padding:44px 0 36px;}
  section{padding:42px 0;}
  .geo-box,.cta-band{padding:26px 20px;}
}