:root{
  --bg:#041018;--bg2:#061923;--panel:#0a202a;--panel2:#0e2732;--line:#1a4a58;
  --text:#f4fbff;--muted:#87a4af;--blue:#4fc7e2;--blue2:#84efff;--cyan:#21d0b2;--gold:#d9c37b;
}
*{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 78% 12%,rgba(47,154,206,.18),transparent 26%),
radial-gradient(circle at 18% 0%,rgba(22,211,177,.10),transparent 24%),
linear-gradient(180deg,#030c12 0%,#06131d 40%,#051018 100%);min-height:100vh}
a{color:inherit;text-decoration:none}
.topbar{min-height:72px;display:flex;align-items:center;gap:28px;padding:10px max(20px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:30;background:rgba(4,15,22,.88);border-bottom:1px solid rgba(79,199,226,.10);backdrop-filter:blur(15px)}
.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}.crest{width:44px;height:44px;border:1px solid #307d89;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:900;color:#06212a;background:linear-gradient(145deg,#89ecff,#3fc0dc);box-shadow:0 0 28px rgba(79,199,226,.13)}.brand strong{display:block;font-size:18px}.brand small{display:block;color:#6e94a0;font-size:8px;letter-spacing:1.8px;margin-top:3px}
.mainnav{display:flex;gap:20px;margin-left:auto}.mainnav a{font-size:11px;color:#84a9b4}.mainnav a:hover{color:#d2f5fb}.topcta{font-size:11px;font-weight:800;border:1px solid #275a68;background:#0a1d26;padding:9px 14px;border-radius:999px;color:#a9dce7;white-space:nowrap}
.notice{max-width:1180px;margin:9px auto 0;padding:10px 15px;border:1px solid rgba(79,199,226,.14);border-radius:12px;background:rgba(7,24,32,.72);color:#8fb1ba;font-size:12px;display:flex;align-items:center;gap:9px}.notice span{width:7px;height:7px;border-radius:50%;background:#61daf5;box-shadow:0 0 12px #61daf5}
.hero,.section,footer{max-width:1180px;margin-left:auto;margin-right:auto}.hero{padding:54px 20px 34px;position:relative}.hero-inner{display:grid;grid-template-columns:1.03fr .97fr;gap:54px;align-items:center;position:relative;z-index:1}.hero-shade{position:absolute;left:20px;right:20px;top:22px;bottom:0;border-radius:26px;background:linear-gradient(135deg,rgba(8,28,36,.42),rgba(7,15,24,.16));box-shadow:inset 0 0 0 1px rgba(79,199,226,.08)}
.eyebrow{font-size:10px;letter-spacing:3px;color:#76dcf3;font-weight:800}.hero h1{font-size:54px;letter-spacing:-2px;margin:8px 0 0}.hero h2{font-size:25px;font-weight:800;color:#d5eef5;margin:9px 0 14px}.hero p{max-width:640px;margin:0;color:#8fb0bc;font-size:14px;line-height:1.9}.actions{display:flex;gap:10px;margin-top:24px}.primary,.secondary{padding:12px 17px;border-radius:10px;font-size:12px;font-weight:800}.primary{background:linear-gradient(135deg,#68def3,#32c0da);color:#06202a;box-shadow:0 12px 28px rgba(57,177,203,.14)}.secondary{border:1px solid #2d6270;background:#081a22;color:#abdfea}.hero-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hero-points span{padding:6px 10px;border:1px solid #1d4d5d;border-radius:999px;background:#081720;color:#95bac5;font-size:10px}
.hero-card{border:1px solid rgba(79,199,226,.22);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#081823,#0a141c);box-shadow:0 24px 55px rgba(0,0,0,.30)}.hero-card img{display:block;width:100%;height:270px;object-fit:cover;object-position:center}.hero-card-copy{padding:14px 16px 18px}.hero-card-copy small{display:block;font-size:9px;letter-spacing:2px;color:#79d9f0;margin-bottom:8px}.hero-card-copy strong{display:block;font-size:18px;margin-bottom:8px}.hero-card-copy p{margin:0;font-size:11px;color:#86a4b0;line-height:1.7}
.section{padding:26px 20px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}.section-title small{font-size:9px;letter-spacing:2.2px;color:#70d7ed}.section-title h2{font-size:23px;margin:4px 0 0}.section-title>span{font-size:10px;color:#6e90a0}
.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.platform-card{min-height:102px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:15px 16px;border:1px solid #184555;border-radius:16px;background:linear-gradient(145deg,#081b24,#0c2530);transition:.18s transform,.18s border-color,.18s box-shadow}.platform-card:hover{transform:translateY(-2px);border-color:#3d93a5;box-shadow:0 12px 24px rgba(0,0,0,.15)}.platform-card.im{background:linear-gradient(145deg,rgba(12,38,48,.98),rgba(12,42,55,.95))}.platform-card.saba{background:linear-gradient(145deg,rgba(17,36,52,.98),rgba(12,48,72,.92))}.platform-card.sport{background:linear-gradient(145deg,rgba(22,32,46,.98),rgba(26,54,56,.92))}.platform-card.y7{background:linear-gradient(145deg,rgba(9,26,34,.98),rgba(29,45,74,.92))}.icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#07151c;color:#8ae6ff;font-size:11px;font-weight:900;border:1px solid #2d6674}.platform-card strong{font-size:15px}.platform-card p{color:#7d9ba8;font-size:10px;line-height:1.5;margin:6px 0 0}.platform-card b{font-size:10px;color:#87def2;white-space:nowrap}
.sports-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.sport-card{display:flex;flex-direction:column;min-height:310px;border:1px solid #174453;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#081a23,#0a212b);transition:.18s transform,.18s border-color,.18s box-shadow}.sport-card:hover{transform:translateY(-2px);border-color:#388fa3;box-shadow:0 12px 24px rgba(0,0,0,.16)}.sport-card.focus{transform:translateY(-2px)}.thumb{aspect-ratio:16/9;background:linear-gradient(180deg,#08141d,#0b1b25);overflow:hidden}.thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.sport-card div:last-of-type{padding:14px 14px 10px}.sport-card small{display:block;font-size:9px;letter-spacing:2px;color:#70d7ed;margin-bottom:8px}.sport-card strong{display:block;font-size:15px;line-height:1.2}.sport-card p{margin:8px 0 0;font-size:10px;color:#83a0aa;line-height:1.55}.sport-card>span{margin:0 14px 14px auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid #2d7081;color:#8be9ff;font-weight:800}
.split-section{display:grid;grid-template-columns:1.02fr .98fr;gap:18px}.content-panel,.game-panel{padding:22px;border:1px solid #184555;border-radius:18px;background:linear-gradient(145deg,#091d26,#0d2630)}.content-panel small,.game-panel small{font-size:9px;letter-spacing:2px;color:#70d7ed}.content-panel h2,.game-panel h2{font-size:22px;margin:8px 0 12px}.content-panel p{margin:0 0 12px;color:#85a3ae;font-size:11px;line-height:1.95}.keyword-row{display:flex;gap:8px;flex-wrap:wrap}.keyword-row span{padding:7px 10px;border-radius:999px;border:1px solid #1f5160;background:#091922;color:#9bc5cf;font-size:10px}.game-list{display:grid;gap:10px}.game-list a{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(120,173,187,.10)}.game-list a:last-child{border-bottom:0;padding-bottom:0}.game-list b{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#07161f;border:1px solid #2b6676;color:#87def2;font-size:11px}.game-list strong{display:block;font-size:14px}.game-list small{display:block;font-size:10px;letter-spacing:0;color:#7a9aa8;margin-top:4px}.game-list i{font-style:normal;color:#8de3f7;font-weight:800}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;padding:20px;border:1px solid #184555;border-radius:18px;background:linear-gradient(145deg,#081a23,#0c2530)}.about-grid h3{font-size:18px;margin:0 0 10px}.about-grid p{margin:0;color:#85a3ae;font-size:11px;line-height:1.9}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-stats span{padding:14px 14px;border:1px solid #1f5361;border-radius:14px;background:#091a23;color:#90b4bf;font-size:11px}.about-stats b{display:block;color:#7dddef;font-size:9px;letter-spacing:1.5px;margin-bottom:6px}
.faq details{border:1px solid #1a4554;border-bottom:0;background:#081821;padding:0 14px}.faq details:first-of-type{border-radius:14px 14px 0 0}.faq details:last-of-type{border-radius:0 0 14px 14px;border-bottom:1px solid #1a4554}.faq summary{cursor:pointer;padding:15px 0;font-size:12px;font-weight:700}.faq p{margin:0;padding:0 0 15px;font-size:11px;line-height:1.8;color:#7e9daa}
footer{padding:34px 20px 44px;text-align:center;color:#577684;font-size:10px}.footer-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:700;color:#8ab3c0;margin-bottom:11px}.mini-crest{width:28px;height:28px;border:1px solid #307d89;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#89ecff,#3fc0dc);color:#06222b;font-size:10px;font-weight:900}.footer-brand small{display:block;color:#6d8e9a;font-size:8px;letter-spacing:1.5px}footer nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:11px;color:#7a9cab}
@media(max-width:1180px){.sports-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.topbar{padding-left:12px;padding-right:12px}.mainnav{display:none}.brand small{display:none}.notice{margin:7px 10px 0}.hero{padding:30px 12px 18px}.hero-shade{left:12px;right:12px;top:18px}.hero-inner,.split-section,.about-grid{grid-template-columns:1fr;gap:20px}.hero h1{font-size:40px}.hero h2{font-size:19px}.hero-card img{height:220px}.section{padding:16px 12px}.platform-grid,.sports-cards,.about-stats{grid-template-columns:1fr}.section-title>span{display:none}.actions{flex-wrap:wrap}}


/* 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;
  }
}