*{margin:0;padding:0;box-sizing:border-box;}
  html,body{
    font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
    background:#f7f9ef;
    color:#22300f;
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
  }
  body *{
    font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
  }
  :root{
    --green-700:#3f6212;
    --green-600:#65a30d;
    --green-500:#84cc16;
    --green-100:#ecfccb;
    --yellow:#facc15;
    --yellow-soft:#fef08a;
    --cream:#fefce8;
    --ink:#22300f;
    --muted:#5b6b3d;
    --line:#dfe8c8;
  }
  a{color:var(--green-700);text-decoration:none;}
  a:hover{color:var(--green-600);}
  img{max-width:100%;display:block;}
  .wrap{width:min(1160px,92%);margin:0 auto;}

  /* header */
  header.site-head{
    position:sticky;top:0;z-index:50;
    background:linear-gradient(100deg,var(--green-700),var(--green-600));
    box-shadow:0 4px 18px rgba(63,98,18,.22);
  }
  .head-inner{
    display:flex;align-items:center;justify-content:space-between;
    gap:16px;padding:12px 0;flex-wrap:wrap;
  }
  .logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:1.08rem;letter-spacing:.5px;}
  .logo .mark{
    width:38px;height:38px;border-radius:12px;
    background:linear-gradient(145deg,var(--yellow),var(--yellow-soft));
    color:var(--green-700);display:grid;place-items:center;font-size:1.15rem;
    box-shadow:0 3px 10px rgba(0,0,0,.18);
  }
  .nav-links{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
  .nav-links a{
    color:#f4ffe0;padding:7px 13px;border-radius:999px;font-size:.92rem;
    transition:.25s;border:1px solid transparent;
  }
  .nav-links a:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff;}

  /* hero */
  .hero{
    background:
      radial-gradient(circle at 12% 18%,rgba(250,204,21,.35),transparent 42%),
      radial-gradient(circle at 88% 82%,rgba(132,204,22,.30),transparent 45%),
      linear-gradient(160deg,#fefce8,#ecfccb 60%,#e2f3c4);
    padding:52px 0 56px;
    border-bottom:1px solid var(--line);
  }
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;}
  .kicker{
    display:inline-block;background:var(--green-600);color:#fff;
    font-size:.8rem;letter-spacing:2px;padding:5px 14px;border-radius:999px;
    margin-bottom:16px;
  }
  h1{
    font-size:clamp(1.5rem,3vw,2.2rem);
    line-height:1.42;color:var(--green-700);margin-bottom:18px;
  }
  .hero p.geo{
    color:#33461a;font-size:1rem;text-align:justify;
  }
  .hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
  .hero-tags span{
    background:#fff;border:1px solid var(--line);color:var(--green-700);
    padding:6px 14px;border-radius:999px;font-size:.85rem;
    box-shadow:0 3px 10px rgba(101,163,13,.10);
  }
  .hero-figure{
    border-radius:22px;overflow:hidden;border:6px solid #fff;
    box-shadow:0 18px 40px rgba(63,98,18,.22);
  }

  /* section base */
  section{padding:54px 0;}
  .sec-head{text-align:center;margin-bottom:34px;}
  .sec-head h2{
    font-size:clamp(1.22rem,2.4vw,1.65rem);color:var(--green-700);
    display:inline-block;position:relative;padding-bottom:10px;
  }
  .sec-head h2::after{
    content:"";position:absolute;left:50%;transform:translateX(-50%);
    bottom:0;width:64px;height:4px;border-radius:3px;
    background:linear-gradient(90deg,var(--green-600),var(--yellow));
  }
  .sec-head p{color:var(--muted);margin-top:10px;font-size:.95rem;}

  /* stats */
  .stats{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .stat-card{
    background:linear-gradient(165deg,#ffffff,#f3fadf);
    border:1px solid var(--line);border-radius:18px;
    padding:24px 18px;text-align:center;
    box-shadow:0 8px 22px rgba(63,98,18,.08);
  }
  .stat-card .num{
    font-size:1.9rem;font-weight:800;color:var(--green-600);letter-spacing:1px;
  }
  .stat-card .label{color:var(--muted);font-size:.9rem;margin-top:4px;}

  /* advantages */
  .adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .adv-card{
    background:#fff;border-radius:18px;padding:26px 22px;
    border:1px solid var(--line);border-top:5px solid var(--green-600);
    box-shadow:0 8px 24px rgba(63,98,18,.07);transition:.25s;
  }
  .adv-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(63,98,18,.14);}
  .adv-icon{font-size:1.6rem;margin-bottom:10px;}
  .adv-card h3{color:var(--green-700);font-size:1.05rem;margin-bottom:8px;}
  .adv-card p{color:var(--muted);font-size:.93rem;text-align:justify;}

  /* brand story */
  .story{background:linear-gradient(160deg,#fefce8,#f2f9e0);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;}
  .story-figure{border-radius:20px;overflow:hidden;border:6px solid #fff;box-shadow:0 16px 36px rgba(63,98,18,.18);}
  .story h2{color:var(--green-700);font-size:1.4rem;margin-bottom:14px;}
  .story p{color:#3c4d21;font-size:.96rem;margin-bottom:12px;text-align:justify;}

  /* live scores */
  .score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .score-card{
    background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
    box-shadow:0 8px 22px rgba(63,98,18,.08);
  }
  .score-card .top{
    background:linear-gradient(100deg,var(--green-700),var(--green-600));
    color:#fff;font-size:.82rem;padding:8px 16px;display:flex;justify-content:space-between;
  }
  .score-body{padding:18px 16px;}
  .score-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:.95rem;}
  .score-row .t{color:#33461a;}
  .score-row .s{font-weight:800;color:var(--green-600);}
  .score-note{font-size:.82rem;color:var(--muted);border-top:1px dashed var(--line);margin-top:10px;padding-top:10px;}

  /* events */
  .event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
  .event-card{
    display:flex;gap:16px;background:#fff;border:1px solid var(--line);
    border-radius:18px;padding:18px;box-shadow:0 8px 22px rgba(63,98,18,.07);
  }
  .event-badge{
    flex:0 0 62px;height:62px;border-radius:14px;
    background:linear-gradient(145deg,var(--green-600),var(--green-700));
    color:#fff;display:grid;place-items:center;font-size:1.4rem;
  }
  .event-card h3{font-size:1rem;color:var(--green-700);margin-bottom:6px;}
  .event-card p{font-size:.9rem;color:var(--muted);}

  /* game recommend */
  .rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .rec-card{
    background:#fff;border-radius:18px;padding:24px 20px;border:1px solid var(--line);
    box-shadow:0 8px 22px rgba(63,98,18,.07);position:relative;overflow:hidden;
  }
  .rec-card::before{
    content:"";position:absolute;top:0;right:0;width:76px;height:76px;
    background:radial-gradient(circle,rgba(250,204,21,.45),transparent 70%);
  }
  .rec-card h3{color:var(--green-700);font-size:1.02rem;margin-bottom:8px;}
  .rec-card p{color:var(--muted);font-size:.92rem;text-align:justify;}
  .rec-card .chip{
    display:inline-block;margin-top:12px;background:var(--green-100);
    color:var(--green-700);font-size:.78rem;padding:4px 12px;border-radius:999px;
  }

  /* news */
  .news{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .news-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
  .news-item{
    background:linear-gradient(170deg,#ffffff,#f8fceb);
    border:1px solid var(--line);border-radius:16px;padding:22px;
    box-shadow:0 6px 18px rgba(63,98,18,.06);transition:.25s;
  }
  .news-item:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(63,98,18,.13);}
  .news-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap;}
  .news-meta .tag{
    background:var(--green-600);color:#fff;font-size:.75rem;
    padding:3px 11px;border-radius:999px;letter-spacing:1px;
  }
  .news-meta time{font-size:.82rem;color:#8a9a68;}
  .news-item h3{font-size:1.02rem;color:var(--green-700);margin-bottom:8px;line-height:1.5;}
  .news-item p{font-size:.9rem;color:#4a5c2c;text-align:justify;}

  /* gallery */
  .gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .gal-item{
    border-radius:18px;overflow:hidden;border:5px solid #fff;
    box-shadow:0 10px 26px rgba(63,98,18,.16);background:#fff;
  }
  .gal-item img{width:100%;height:210px;object-fit:cover;}
  .gal-cap{
    padding:10px 14px;font-size:.86rem;color:var(--green-700);
    background:var(--green-100);text-align:center;
  }

  /* testimonials */
  .testi{background:linear-gradient(160deg,#ecfccb,#fefce8);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .testi-card{
    background:#fff;border-radius:18px;padding:24px 20px;
    border:1px solid var(--line);box-shadow:0 8px 22px rgba(63,98,18,.08);
  }
  .testi-card .quote{font-size:1.5rem;color:var(--yellow);line-height:1;}
  .testi-card p{font-size:.92rem;color:#43542a;margin:10px 0 14px;text-align:justify;}
  .testi-user{font-size:.85rem;color:var(--green-700);font-weight:700;}

  /* download */
  .dl-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;}
  .dl-box{
    background:linear-gradient(140deg,var(--green-700),var(--green-600));
    color:#fff;border-radius:22px;padding:34px 30px;
    box-shadow:0 18px 38px rgba(63,98,18,.24);
  }
  .dl-box h2{font-size:1.35rem;margin-bottom:12px;}
  .dl-box p{font-size:.95rem;opacity:.95;margin-bottom:18px;text-align:justify;}
  .dl-btns{display:flex;gap:12px;flex-wrap:wrap;}
  .dl-btns a{
    background:var(--yellow);color:var(--green-700);font-weight:700;
    padding:10px 22px;border-radius:999px;font-size:.9rem;transition:.25s;
  }
  .dl-btns a:hover{background:#fff;color:var(--green-700);}
  .dl-figure{border-radius:20px;overflow:hidden;border:6px solid #fff;box-shadow:0 16px 34px rgba(63,98,18,.18);}

  /* faq */
  .faq-list{display:grid;gap:14px;max-width:960px;margin:0 auto;}
  .faq-item{
    background:#fff;border:1px solid var(--line);border-left:5px solid var(--green-600);
    border-radius:14px;padding:18px 22px;box-shadow:0 6px 16px rgba(63,98,18,.06);
  }
  .faq-item h3{font-size:1rem;color:var(--green-700);margin-bottom:8px;}
  .faq-item p{font-size:.92rem;color:#47582b;text-align:justify;}

  /* cta */
  .cta{
    background:linear-gradient(115deg,var(--green-700),var(--green-600) 65%,#84cc16);
    color:#fff;text-align:center;border-radius:26px;
    padding:48px 26px;box-shadow:0 20px 44px rgba(63,98,18,.24);
    margin:0 auto;
  }
  .cta h2{font-size:clamp(1.2rem,2.6vw,1.6rem);margin-bottom:12px;}
  .cta p{font-size:.95rem;opacity:.95;max-width:760px;margin:0 auto 22px;}
  .cta a.btn{
    display:inline-block;background:var(--yellow);color:var(--green-700);
    font-weight:800;padding:12px 34px;border-radius:999px;transition:.25s;
  }
  .cta a.btn:hover{background:#fff;}

  /* footer */
  footer.site-foot{
    background:#25330f;color:#c9d8ab;margin-top:56px;padding:44px 0 20px;
    font-size:.9rem;
  }
  .foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;}
  .foot-grid h4{color:#e9f6cd;font-size:.98rem;margin-bottom:12px;}
  .foot-grid p{margin-bottom:8px;line-height:1.8;}
  .foot-links{display:flex;flex-direction:column;gap:8px;}
  .foot-links a{color:#c9d8ab;}
  .foot-links a:hover{color:#facc15;}
  .foot-bottom{
    border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:16px;
    display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
    font-size:.84rem;color:#a8bb86;
  }
  .foot-bottom a{color:#c9d8ab;}

  @media (max-width:900px){
    .hero-grid,.story-grid,.dl-grid{grid-template-columns:1fr;}
    .adv-grid,.rec-grid,.score-grid,.testi-grid,.gal-grid{grid-template-columns:1fr 1fr;}
    .stat-grid{grid-template-columns:1fr 1fr;}
    .event-grid,.news-list{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr;}
  }
  @media (max-width:560px){
    .adv-grid,.rec-grid,.score-grid,.testi-grid,.gal-grid,.stat-grid{grid-template-columns:1fr;}
    section{padding:38px 0;}
  }