:root{
  --sun:#facc15;
  --sun-soft:#fde68a;
  --forest:#166534;
  --forest-deep:#0f4c26;
  --leaf:#22c55e;
  --orange:#fb923c;
  --cream:#fffbeb;
  --paper:#fffdf5;
  --ink:#1c2a20;
  --muted:#4b5f52;
  --shadow-warm:0 26px 60px -24px rgba(120,90,20,.35), 0 10px 26px -18px rgba(22,101,52,.30);
  --radius-xl:36px;
  --radius-lg:26px;
  --radius-md:18px;
  --gap:clamp(56px,8vw,120px);
}
*{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;
  color:var(--ink);
  background:
    radial-gradient(1100px 620px at 8% -8%, rgba(250,204,21,.42), transparent 62%),
    radial-gradient(900px 560px at 96% 4%, rgba(34,197,94,.26), transparent 60%),
    linear-gradient(178deg,#fffdf3 0%,#fef7e0 42%,#f4fbeb 100%);
  line-height:1.75;
  overflow-x:hidden;
}
img{max-width:100%;display:block;border-radius:var(--radius-lg);}
a{color:inherit;text-decoration:none;}
.wrap{width:min(1200px,92vw);margin:0 auto;}
section{padding:var(--gap) 0;}

/* NAV */
.navbar{
  position:sticky;top:0;z-index:60;
  background:linear-gradient(90deg,rgba(255,251,235,.92),rgba(245,250,235,.9));
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(250,204,21,.4);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.28rem;letter-spacing:.5px;}
.logo .mark{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(145deg,var(--sun),var(--orange));
  box-shadow:0 12px 26px -12px rgba(251,146,60,.8);
}
.nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.nav-links a{
  padding:10px 18px;border-radius:999px;font-weight:600;font-size:.96rem;
  transition:.25s;color:var(--forest-deep);
}
.nav-links a:hover{background:linear-gradient(120deg,var(--sun),#fde047);box-shadow:0 12px 24px -14px rgba(250,204,21,.9);}
.nav-links a:first-child{background:linear-gradient(120deg,var(--forest),var(--leaf));color:#fffbe9;}

/* HERO */
.hero{padding-top:clamp(40px,6vw,80px);}
.hero-card{
  position:relative;overflow:hidden;border-radius:var(--radius-xl);
  background:linear-gradient(135deg,#166534 0%,#15803d 48%,#65a30d 100%);
  box-shadow:var(--shadow-warm);
  display:grid;grid-template-columns:1.05fr .95fr;
}
.hero-copy{padding:clamp(34px,5vw,72px);position:relative;z-index:2;}
.hero-card::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(520px 320px at 78% 12%,rgba(250,204,21,.55),transparent 68%),
    radial-gradient(420px 300px at 20% 92%,rgba(255,255,255,.20),transparent 70%);
  pointer-events:none;
}
h1{font-size:clamp(2rem,4.4vw,3.5rem);line-height:1.25;color:#fffbe7;letter-spacing:1px;}
h1 span{color:var(--sun);}
.hero-sub{margin-top:18px;color:#eafbe8;font-size:1.05rem;max-width:52ch;}
.tagline{
  display:inline-flex;gap:10px;align-items:center;margin-bottom:20px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);
  padding:8px 16px;border-radius:999px;color:#fffbe7;font-weight:600;font-size:.9rem;
}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;}
.btn{
  padding:14px 28px;border-radius:999px;font-weight:700;font-size:1rem;transition:.25s;
  display:inline-flex;align-items:center;gap:8px;
}
.btn-sun{background:linear-gradient(120deg,var(--sun),#fbbf24);color:#3b2c00;box-shadow:0 18px 34px -18px rgba(250,204,21,.95);}
.btn-ghost{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#fffbe7;}
.btn:hover{transform:translateY(-3px);}
.hero-media{position:relative;min-height:340px;}
.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;}

/* GEO */
.geo-intro-inner{
  background:linear-gradient(160deg,var(--paper),#fdf6dd);
  border-radius:var(--radius-xl);padding:clamp(30px,5vw,62px);
  box-shadow:var(--shadow-warm);border:1px solid rgba(250,204,21,.35);
}
.eyebrow{font-weight:800;color:var(--forest);letter-spacing:3px;font-size:.86rem;text-transform:uppercase;}
h2{font-size:clamp(1.5rem,3vw,2.3rem);color:var(--forest-deep);margin:10px 0 18px;line-height:1.35;}
h3{font-size:1.16rem;color:var(--forest-deep);margin-bottom:8px;}
.geo-intro-inner p{color:var(--muted);font-size:1.03rem;}
.geo-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:30px;}
.geo-points div{
  background:rgba(255,255,255,.72);border-radius:var(--radius-md);padding:20px 22px;
  border-left:5px solid var(--sun);
}

/* STATS */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:26px;}
.stat{
  background:linear-gradient(155deg,#fffbe9,#f0fdf4);
  border-radius:var(--radius-lg);padding:34px 28px;box-shadow:var(--shadow-warm);
  border:1px solid rgba(34,197,94,.18);transition:.3s;
}
.stat:hover{transform:translateY(-6px);}
.stat b{display:block;font-size:2.5rem;color:var(--forest);line-height:1.1;}
.stat span{color:var(--muted);font-size:.95rem;}

/* ADVANTAGES */
.adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}
.adv{
  background:var(--paper);border-radius:var(--radius-xl);padding:36px 32px;
  box-shadow:var(--shadow-warm);position:relative;overflow:hidden;
}
.adv::before{
  content:"";position:absolute;width:180px;height:180px;right:-60px;top:-60px;border-radius:50%;
  background:radial-gradient(circle,rgba(250,204,21,.55),transparent 70%);
}
.adv .ico{font-size:2rem;}
.adv p{color:var(--muted);font-size:.98rem;}

/* FEATURED / LIVE */
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:stretch;}
.panel{
  background:linear-gradient(150deg,#14532d,#166534 55%,#3f9142);
  color:#f2fbe9;border-radius:var(--radius-xl);padding:clamp(28px,4vw,46px);
  box-shadow:var(--shadow-warm);
}
.panel h2{color:#fffbe7;}
.panel p{color:#dbf3de;}
.match{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);
  border-radius:var(--radius-md);padding:18px 22px;margin-top:14px;
}
.match .vs{font-weight:800;color:var(--sun);font-size:1.05rem;}
.chip{
  display:inline-block;background:rgba(250,204,21,.2);border:1px solid rgba(250,204,21,.5);
  color:var(--sun);border-radius:999px;padding:4px 14px;font-size:.82rem;font-weight:700;
}
.light-panel{
  background:linear-gradient(155deg,#fffbe9,#fef3c7);
  border-radius:var(--radius-xl);padding:clamp(26px,4vw,42px);box-shadow:var(--shadow-warm);
  border:1px solid rgba(251,146,60,.25);
}
.game-list{display:grid;gap:14px;margin-top:18px;}
.game-item{
  display:flex;gap:16px;align-items:center;background:rgba(255,255,255,.78);
  border-radius:var(--radius-md);padding:14px 16px;transition:.25s;
}
.game-item:hover{transform:translateX(6px);}
.game-item img{width:64px;height:64px;object-fit:cover;border-radius:14px;}
.game-item small{color:var(--muted);}

/* TESTIMONIALS */
.tst-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.tst{
  background:var(--paper);border-radius:var(--radius-xl);padding:32px;
  box-shadow:var(--shadow-warm);border-top:6px solid var(--leaf);
}
.tst p{color:var(--muted);font-style:italic;}
.tst .who{margin-top:16px;font-weight:700;color:var(--forest);}
.stars{color:var(--orange);letter-spacing:3px;}

/* COMMUNITY */
.comm{
  background:linear-gradient(135deg,#fef3c7,#dcfce7);
  border-radius:var(--radius-xl);padding:clamp(30px,5vw,60px);
  box-shadow:var(--shadow-warm);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;
}
.comm img{border-radius:var(--radius-lg);box-shadow:var(--shadow-warm);}
.topic{background:rgba(255,255,255,.7);border-radius:14px;padding:12px 18px;margin-top:10px;font-size:.96rem;}

/* NEWS */
.news-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;}
.news-item{
  background:var(--paper);border-radius:var(--radius-xl);overflow:hidden;
  box-shadow:var(--shadow-warm);padding:0 0 26px;transition:.3s;
}
.news-item:hover{transform:translateY(-6px);}
.news-item img{height:170px;width:100%;object-fit:cover;border-radius:0;}
.news-body{padding:24px 26px 0;}
.news-date{
  display:inline-block;background:linear-gradient(120deg,var(--sun),#fbbf24);
  color:#3b2c00;font-weight:700;font-size:.82rem;padding:4px 14px;border-radius:999px;margin-bottom:12px;
}
.news-tag{display:inline-block;margin-left:8px;background:rgba(22,101,52,.1);color:var(--forest);font-size:.82rem;font-weight:700;padding:4px 12px;border-radius:999px;}
.news-item h3 a:hover{color:var(--forest);}
.news-item p{color:var(--muted);font-size:.96rem;margin-top:8px;}

/* DOWNLOAD */
.dl{
  background:linear-gradient(135deg,#166534,#15803d 60%,#4d7c0f);
  border-radius:var(--radius-xl);padding:clamp(30px,5vw,64px);color:#f0fdf4;
  display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:center;box-shadow:var(--shadow-warm);
}
.dl h2{color:#fffbe7;}
.dl img{border-radius:var(--radius-lg);}
.qr-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px;}
.qr-row div{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:14px 20px;border-radius:16px;font-weight:600;}

/* FAQ */
.faq-list{display:grid;gap:18px;}
.faq-item{
  background:var(--paper);border-radius:var(--radius-lg);padding:28px 30px;
  box-shadow:var(--shadow-warm);border-left:6px solid var(--sun);
}
.faq-item h3{margin-bottom:10px;}
.faq-item p{color:var(--muted);}

/* CTA */
.cta-inner{
  background:linear-gradient(120deg,var(--sun) 0%,#f59e0b 45%,#16a34a 100%);
  border-radius:var(--radius-xl);padding:clamp(34px,5vw,70px);text-align:center;
  box-shadow:var(--shadow-warm);
}
.cta-inner h2{color:#14351f;}
.cta-inner p{color:#1d3a26;max-width:64ch;margin:0 auto;}
.cta-inner .btn{background:#14351f;color:#fef3c7;}

/* FOOTER */
footer{background:linear-gradient(160deg,#0f2c1a,#166534);color:#d7ecdb;padding:70px 0 34px;margin-top:var(--gap);}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;}
footer h4{color:var(--sun);margin-bottom:14px;font-size:1.05rem;}
footer a:hover{color:var(--sun);}
footer ul{list-style:none;display:grid;gap:8px;font-size:.95rem;}
.foot-bottom{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);text-align:center;font-size:.9rem;color:#b7d6bd;}
.foot-bottom a{color:var(--sun);}
@media(max-width:900px){
  .hero-card,.split,.comm,.dl,.foot-grid{grid-template-columns:1fr;}
  .hero-media{min-height:260px;}
}