:root{--bg:#06110c;--bg2:#07170f;--panel:#0a1f15;--panel2:#0d281b;--line:#1b4a33;--line2:#2b6b49;--text:#f4fff8;--muted:#88a896;--green:#36e27f;--green2:#8af4b7;--gold:#d6c77e;--dark:#031009}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 76% 0%,rgba(48,148,91,.18),transparent 29%),radial-gradient(circle at 10% 42%,rgba(21,80,49,.18),transparent 27%),linear-gradient(180deg,#05110b 0%,#07160f 42%,#040d08 100%);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:32px 32px}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;background:rgba(4,14,9,.9);border-bottom:1px solid rgba(80,220,131,.1);backdrop-filter:blur(18px)}.top-inner{max-width:1180px;margin:auto;min-height:72px;padding:10px 18px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:900;letter-spacing:-1px;color:#07150d;background:linear-gradient(145deg,#8af4b7,#31d978);box-shadow:0 0 30px rgba(54,226,127,.14)}.brand-copy strong{display:block;font-size:17px}.brand-copy small{display:block;margin-top:3px;font-size:8px;letter-spacing:2px;color:#5f8b70}.main-nav{display:flex;gap:24px;margin-left:auto}.main-nav a{font-size:12px;color:#8caf98;transition:.2s color}.main-nav a:hover{color:#dfffea}.nav-cta{padding:9px 14px;border:1px solid #2b6747;border-radius:999px;background:#0b2117;color:#a5edc0;font-size:11px;font-weight:800}.ticker-wrap{max-width:1180px;margin:10px auto 0;padding:0 18px}.ticker{min-height:38px;padding:9px 14px;border:1px solid rgba(54,226,127,.13);border-radius:11px;background:rgba(8,29,18,.72);display:flex;align-items:center;gap:10px;color:#89aa96;font-size:11px}.ticker strong{font-size:9px;letter-spacing:1.5px;color:#4ce48b}.live-dot{width:7px;height:7px;border-radius:50%;background:#48ef8d;box-shadow:0 0 12px #48ef8d}main,.hero,.section{max-width:1180px;margin-left:auto;margin-right:auto}.hero{padding:56px 18px 36px;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.eyebrow{font-size:10px;letter-spacing:3px;color:#51db89;font-weight:800}.hero h1{font-size:54px;line-height:1.06;margin:11px 0 18px;letter-spacing:-2px}.hero h1 span{color:#83efad}.hero p{max-width:660px;margin:0;color:#8eaa99;font-size:14px;line-height:1.9}.hero-actions{display:flex;gap:11px;margin-top:24px}.btn{padding:12px 17px;border-radius:11px;font-size:12px;font-weight:800}.btn.primary{background:linear-gradient(135deg,#4be78b,#27cd6c);color:#041109;box-shadow:0 12px 30px rgba(54,226,127,.16)}.btn.secondary{border:1px solid #2b5e41;background:#091b12;color:#a0c9af}.hero-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:23px}.hero-meta span{padding:10px 9px;border:1px solid #173f2a;border-radius:10px;background:#07180f;color:#81a68d;font-size:10px}.hero-meta b{color:#45d980;margin-right:5px}.match-board{position:relative;overflow:hidden;border-radius:22px;border:1px solid #245d40;background:linear-gradient(145deg,#0b2619,#071a11 65%,#0c2d1d);padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.match-board:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(139,238,174,.1) 50%,transparent 50.2%),repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 34px,rgba(0,0,0,.02) 34px 68px);opacity:.7}.board-head,.versus-row,.board-stats{position:relative;z-index:1}.board-head{display:flex;justify-content:space-between;align-items:center}.board-head span{font-size:9px;letter-spacing:2px;color:#4de18a}.board-head em{font-style:normal;font-size:9px;color:#748f7e}.stadium-glow{height:52px;margin-top:8px;border-radius:12px;background:radial-gradient(circle at 50% 100%,rgba(84,235,135,.26),transparent 58%)}.versus-row{display:grid;grid-template-columns:1fr 90px 1fr;gap:12px;align-items:center;margin-top:-14px}.team{padding:19px 12px;border:1px solid rgba(130,238,167,.12);border-radius:15px;background:rgba(3,16,9,.48);text-align:center}.team-badge{width:54px;height:54px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:900;color:#07150d;background:linear-gradient(145deg,#72efa6,#2cd370);box-shadow:0 0 24px rgba(54,226,127,.15)}.team-badge.alt{background:linear-gradient(145deg,#e1cb7f,#7ba97b)}.team strong{display:block;font-size:12px;letter-spacing:.4px}.team small{display:block;margin-top:4px;color:#70917c;font-size:10px}.score-center{text-align:center}.score-center b{display:block;font-size:29px;color:#edfff4}.score-center span{display:block;margin-top:2px;color:#5f866d;font-size:9px}.board-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.board-stats div{padding:11px;border-radius:10px;border:1px solid #173f2a;background:#07190f}.board-stats small{display:block;color:#4bdc85;font-size:8px;letter-spacing:1px}.board-stats strong{display:block;margin-top:4px;font-size:11px;color:#abc6b4}.section{padding:30px 18px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-head small{font-size:9px;letter-spacing:2.4px;color:#4bd884}.section-head h2{margin:4px 0 0;font-size:27px}.section-head p{margin:6px 0 0;color:#708f7b;font-size:11px;line-height:1.7}.section-head.split{align-items:center}.section-chip{padding:7px 10px;border:1px solid #26563d;border-radius:999px;color:#6ea382;font-size:9px;letter-spacing:1px}.access-grid{display:grid;grid-template-columns:1.08fr .96fr .96fr;gap:12px}.access-card{position:relative;min-height:168px;padding:20px;border-radius:18px;border:1px solid #19472f;background:linear-gradient(145deg,#091d13,#0b2619);display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto 1fr auto;gap:0 14px;transition:.18s transform,.18s border-color}.access-card:hover{transform:translateY(-3px);border-color:#39a964}.access-card.hero-card{background:radial-gradient(circle at 18% 15%,rgba(67,213,120,.16),transparent 34%),linear-gradient(145deg,#0d2e1e,#0b2418);border-color:#2b6d49}.access-no{grid-column:1;font-size:9px;color:#48785a}.access-icon{grid-column:1;grid-row:2;width:56px;height:56px;border-radius:15px;display:grid;place-items:center;background:#06170e;border:1px solid #275d40;color:#73eda4;font-weight:900}.access-copy{grid-column:2/4;grid-row:2}.access-copy small{font-size:8px;letter-spacing:1.3px;color:#527965}.access-copy strong{display:block;margin-top:6px;font-size:18px}.access-copy p{margin:7px 0 0;color:#779682;font-size:11px;line-height:1.6}.arrow{grid-column:2/4;grid-row:3;margin-top:12px;color:#61dc91;font-size:10px}.y7-strip{margin-top:12px;padding:15px 17px;border-radius:15px;border:1px solid #1b3f2c;background:linear-gradient(90deg,#081b12,#0a2116);display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center}.y7-mark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#0d2b1b;border:1px solid #2b6546;color:#63e697;font-weight:900}.y7-strip strong{display:block;font-size:12px}.y7-strip small{display:block;margin-top:4px;color:#6f907c;font-size:10px}.y7-strip b{font-size:10px;color:#85e7aa}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-card{min-height:150px;padding:18px;border-radius:17px;border:1px solid #19442e;background:linear-gradient(145deg,#091c12,#0b2317);display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center}.match-card:hover{border-color:#347c55}.sport-symbol{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:25px;background:#06160e;border:1px solid #22563a}.match-card small{font-size:8px;letter-spacing:1.5px;color:#4fcf82}.match-card strong{display:block;margin-top:5px;font-size:17px}.match-card p{margin:6px 0 0;color:#76927f;font-size:10px;line-height:1.55}.match-card>span{font-size:10px;color:#69d996}.football{background:linear-gradient(145deg,#0b2b1b,#0b2016)}.basketball{background:linear-gradient(145deg,#1c2112,#0c1f15)}.tennis{background:linear-gradient(145deg,#112415,#0a1e14)}.more{background:linear-gradient(145deg,#182317,#0a1d14)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-card{min-height:220px;padding:21px;border:1px solid #183f2a;border-radius:17px;background:#081a11}.guide-card>span{display:inline-flex;padding:6px 8px;border-radius:8px;background:#0e2a1b;color:#61df94;font-size:9px}.guide-card h3{margin:20px 0 8px;font-size:16px}.guide-card p{margin:0;color:#7b9986;font-size:11px;line-height:1.9}.brand-panel{padding:24px;border-radius:20px;border:1px solid #1d4a32;background:radial-gradient(circle at 100% 0%,rgba(66,209,118,.12),transparent 36%),linear-gradient(145deg,#0a2116,#091a12)}.brand-panel small{font-size:9px;letter-spacing:2px;color:#4ed986}.brand-panel h2{margin:4px 0 0;font-size:25px}.brand-panel p{max-width:920px;margin:14px 0 0;color:#86a18f;font-size:11px;line-height:1.9}.brand-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.brand-keywords span{padding:7px 9px;border-radius:8px;border:1px solid #1c4931;background:#07190f;color:#80a78d;font-size:9px}.faq-list{border:1px solid #173e2a;border-radius:16px;overflow:hidden}.faq-list details{background:#071a10;border-bottom:1px solid #173e2a;padding:0 16px}.faq-list details:last-child{border-bottom:0}.faq-list summary{list-style:none;cursor:pointer;padding:17px 0;font-weight:700;font-size:12px;display:flex;justify-content:space-between;gap:18px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary b{color:#58d98a}.faq-list p{margin:0;padding:0 0 17px;color:#75917e;font-size:11px;line-height:1.75}footer{margin-top:20px;border-top:1px solid rgba(58,126,83,.18);background:#041008}.footer-inner{max-width:1180px;margin:auto;padding:26px 18px 10px;display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-inner strong{display:block;font-size:14px}.footer-inner span{display:block;margin-top:4px;color:#5c7b67;font-size:9px}.footer-inner nav{display:flex;gap:18px;color:#71947d;font-size:10px}.legal{display:block;max-width:1180px;margin:auto;padding:0 18px 30px;color:#496353;font-size:9px}
@media(max-width:900px){.main-nav{display:none}.hero{grid-template-columns:1fr}.match-board{max-width:620px}.access-grid{grid-template-columns:1fr 1fr}.access-card.hero-card{grid-column:span 2}.guide-grid{grid-template-columns:1fr 1fr}.guide-card:last-child{grid-column:span 2}}
@media(max-width:680px){.top-inner{min-height:62px;padding:9px 12px}.brand-copy small{display:none}.nav-cta{padding:8px 10px}.ticker-wrap{padding:0 10px}.ticker{font-size:10px}.ticker strong{display:none}.hero{padding:30px 12px 18px;gap:24px}.hero h1{font-size:38px;letter-spacing:-1.2px}.hero p{font-size:12px}.hero-actions{flex-wrap:wrap}.hero-meta{grid-template-columns:1fr 1fr}.match-board{padding:13px}.versus-row{grid-template-columns:1fr 58px 1fr}.team{padding:14px 7px}.team-badge{width:46px;height:46px}.score-center b{font-size:23px}.board-stats{grid-template-columns:1fr}.section{padding:21px 12px}.section-head h2{font-size:22px}.section-head.split{align-items:end}.section-chip{display:none}.access-grid{grid-template-columns:1fr}.access-card.hero-card{grid-column:auto}.access-card{min-height:145px}.y7-strip{grid-template-columns:42px 1fr}.y7-strip b{grid-column:2;margin-top:2px}.match-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.guide-card,.guide-card:last-child{grid-column:auto;min-height:auto}.brand-panel{padding:18px}.footer-inner{padding:22px 12px 8px;display:block}.footer-inner nav{margin-top:14px;flex-wrap:wrap}.legal{padding:0 12px 24px}}


/* Y7 主入口按钮：轻微跳动 + 扫光 */
.actions .primary,
.actions .btn.primary{
  position: relative;
  overflow: hidden;
  animation: y7ButtonBounce 1.8s ease-in-out infinite;
  will-change: transform;
}

.actions .primary::after,
.actions .btn.primary::after{
  content: "";
  position: absolute;
  top: -40%;
  left: -45%;
  width: 28%;
  height: 180%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.10) 35%,
    rgba(255,255,255,.85) 50%,
    rgba(255,255,255,.10) 65%,
    transparent 100%
  );
  transform: skewX(-18deg);
  animation: y7ButtonShine 2.4s ease-in-out infinite;
  pointer-events: none;
}

.actions .primary:hover,
.actions .btn.primary:hover{
  animation-play-state: paused;
  transform: translateY(-2px) scale(1.03);
}

@keyframes y7ButtonBounce{
  0%,100%{transform:translateY(0)}
  45%{transform:translateY(0)}
  55%{transform:translateY(-5px)}
  65%{transform:translateY(0)}
  72%{transform:translateY(-2px)}
  80%{transform:translateY(0)}
}

@keyframes y7ButtonShine{
  0%{left:-45%;opacity:0}
  15%{opacity:1}
  45%{left:125%;opacity:1}
  46%,100%{left:125%;opacity:0}
}

@media (prefers-reduced-motion: reduce){
  .actions .primary,
  .actions .btn.primary,
  .actions .primary::after,
  .actions .btn.primary::after{
    animation:none;
  }
}