*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;background:#0A1428;color:#E8ECF1;font-family:'Inter','Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}img,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:'Arial Black','PingFang SC','Microsoft YaHei',sans-serif;font-weight:900;line-height:1.2;letter-spacing:.5px}p{text-wrap:pretty}::selection{background:#39FF14;color:#0A1428}::-webkit-scrollbar{width:8px;background:#0A1428}::-webkit-scrollbar-thumb{background:#2A3B5C;border-radius:4px}:focus-visible{outline:2px solid #39FF14;outline-offset:3px;border-radius:2px}#main-content:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{--c-bg:#0A1428;--c-bg-panel:#0D1B2A;--c-bg-card:rgba(18,30,51,.7);--c-border:#2A3B5C;--c-border-steel:#1B2A4A;--c-neon:#39FF14;--c-orange:#FF6A00;--c-gold:#FFD700;--c-text:#E8ECF1;--c-muted:#B0B8C4;--f-head:'Arial Black','PingFang SC','Microsoft YaHei',sans-serif;--f-body:'Inter','Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;--f-mono:'Roboto Mono','SFMono-Regular','Consolas',monospace;--gutter:clamp(16px,3vw,40px);--content-w:1280px;--radius:4px;--shadow-card:0 8px 24px rgba(0,0,0,.35);--tick:cubic-bezier(.22,1,.36,1)}
.container{width:100%;max-width:var(--content-w);margin-inline:auto;padding-inline:var(--gutter)}.section-wrap{padding:clamp(56px,8vw,96px) 0}.muted-text{color:var(--c-muted)}.numeric{font-family:var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.index-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-neon)}.index-label::before{content:'';display:inline-block;width:16px;height:1px;background:var(--c-neon)}.divider-line{height:1px;background:linear-gradient(90deg,var(--c-border),transparent);border:none;margin:24px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;font-size:.92rem;font-weight:700;border-radius:var(--radius);cursor:pointer;text-decoration:none;transition:transform .2s var(--tick),box-shadow .2s var(--tick),border-color .2s ease,color .2s ease,background-color .2s ease;position:relative;overflow:hidden}.btn-primary{background:var(--c-neon);color:var(--c-bg);border:1px solid transparent}.btn-primary:hover{box-shadow:0 0 24px rgba(57,255,20,.25);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--c-text);border:1px solid var(--c-border)}.btn-ghost:hover{border-color:var(--c-neon);color:var(--c-neon)}
.card{background:var(--c-bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:24px}
.section-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:24px}.section-title{font-size:clamp(1.4rem,3vw,2.1rem);color:var(--c-text)}.section-sub{color:var(--c-muted);font-size:.9rem}
.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--c-muted);flex-shrink:0}.status-dot.is-live{background:var(--c-neon);animation:dot-pulse 1.6s ease infinite}.status-dot.is-warn{background:var(--c-orange)}
@keyframes dot-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(57,255,20,.4)}50%{opacity:.45;box-shadow:0 0 0 4px rgba(57,255,20,0)}}
.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-family:var(--f-mono);font-size:.7rem;border:1px solid var(--c-border);border-radius:20px;color:var(--c-muted);background:var(--c-bg-panel)}.tag-chip.is-live{color:var(--c-neon);border-color:rgba(57,255,20,.4);background:rgba(57,255,20,.06)}.tag-chip.is-hot{color:var(--c-orange);border-color:rgba(255,106,0,.4);background:rgba(255,106,0,.06)}
.img-frame{position:relative;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(135deg,var(--c-bg-panel),var(--c-bg));border:1px solid var(--c-border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.img-frame::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(57,255,20,.05) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 12px,rgba(255,255,255,.015) 12px,rgba(255,255,255,.015) 13px);pointer-events:none}.img-frame::after{content:attr(data-label);font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted);opacity:.75;padding:8px 16px;border:1px dashed var(--c-border);border-radius:2px}.img-frame--tall{aspect-ratio:3/4}.img-frame--wide{aspect-ratio:21/9}.img-frame--square{aspect-ratio:1/1}
.skip-link{position:fixed;top:-100%;left:16px;z-index:999;padding:10px 20px;background:var(--c-neon);color:var(--c-bg);font-weight:700;border-radius:0 0 4px 4px;transition:top .2s var(--tick)}.skip-link:focus-visible{top:0}
.header-ticker{height:36px;display:flex;align-items:stretch;overflow:hidden;background:var(--c-bg-panel);border-bottom:1px solid var(--c-border);position:relative;z-index:5}.ticker-prefix{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:100%;background:var(--c-neon);color:var(--c-bg);font-family:var(--f-mono);font-size:.68rem;font-weight:700;letter-spacing:.08em;flex-shrink:0;z-index:2}.ticker-pulse{width:5px;height:5px;border-radius:50%;background:var(--c-bg);animation:dot-pulse 1.2s ease infinite}.ticker-track{display:inline-flex;align-items:center;white-space:nowrap;animation:ticker-scroll 38s linear infinite;will-change:transform;min-width:max-content}.ticker-group{display:inline-flex;align-items:center;gap:32px;padding-right:32px;flex-shrink:0}.ticker-item{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:.76rem;color:var(--c-muted)}.ticker-league{font-weight:700;color:var(--c-orange);background:rgba(255,106,0,.1);padding:1px 6px;border-radius:2px}.ticker-score{font-weight:700;color:var(--c-neon);padding:0 2px}.ticker-team{color:var(--c-text)}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.site-header{position:sticky;top:0;z-index:100;background:rgba(10,20,40,.93);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--c-border),0 8px 24px rgba(0,0,0,.2)}.header-progress{height:2px;background:rgba(57,255,20,.06);overflow:hidden}.progress-bar{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--c-neon),var(--c-gold));transition:width .15s linear}
.header-main{border-bottom:1px solid rgba(42,59,92,.5)}.header-shell{max-width:var(--content-w);margin-inline:auto;padding-inline:var(--gutter);height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.header-leading{display:flex;align-items:center;gap:12px;flex-shrink:0}
.drawer-toggle{display:none;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg-panel);cursor:pointer;transition:border-color .2s ease}.drawer-toggle:hover{border-color:var(--c-neon)}.drawer-toggle-line{display:block;width:18px;height:2px;background:var(--c-text);transition:transform .25s var(--tick),opacity .2s ease}.drawer-toggle[aria-expanded="true"] .drawer-toggle-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.drawer-toggle[aria-expanded="true"] .drawer-toggle-line:nth-child(2){opacity:0}.drawer-toggle[aria-expanded="true"] .drawer-toggle-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.site-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;background:var(--c-neon);color:var(--c-bg);font-family:var(--f-head);font-weight:900;font-size:22px;font-style:italic;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%);border-radius:2px}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-family:var(--f-head);font-size:1.1rem;font-weight:900;letter-spacing:.5px;color:var(--c-text);white-space:nowrap}.brand-en{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.16em;color:var(--c-neon);text-transform:uppercase}
.primary-nav{display:flex;align-items:center;gap:2px;margin-left:auto}.nav-item{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:500;color:var(--c-muted);border-radius:var(--radius);position:relative;transition:color .2s ease,background-color .2s ease;white-space:nowrap}.nav-index{font-family:var(--f-mono);font-size:.62rem;opacity:.65;color:var(--c-neon)}.nav-item:hover{color:var(--c-text);background:rgba(255,255,255,.03)}.nav-item[aria-current="page"]{color:var(--c-neon);background:rgba(57,255,20,.06);font-weight:700}.nav-item[aria-current="page"]::after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--c-neon);border-radius:1px}
.header-trailing{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:8px}.fav-rail{display:flex;align-items:center;gap:8px;padding:4px 12px;border-left:1px solid var(--c-border);border-right:1px solid var(--c-border)}.fav-rail-label{font-family:var(--f-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--c-muted)}.fav-league{font-family:var(--f-mono);font-size:.72rem;padding:2px 6px;border-radius:2px;color:var(--c-muted);border:1px solid transparent}.fav-league.is-live{color:var(--c-neon);border-color:rgba(57,255,20,.35);background:rgba(57,255,20,.05)}.fav-league.is-hot{color:var(--c-orange);border-color:rgba(255,106,0,.3);background:rgba(255,106,0,.05)}
.league-filter{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);font-size:.84rem;font-weight:500;transition:border-color .2s ease,color .2s ease;white-space:nowrap}.league-filter:hover{border-color:var(--c-neon);color:var(--c-neon)}.league-filter-dot{width:6px;height:6px;border-radius:50%;background:var(--c-neon);animation:dot-pulse 2s ease infinite;flex-shrink:0}
.nav-backdrop{position:fixed;inset:0;background:rgba(4,8,18,.72);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s var(--tick)}.nav-backdrop.is-visible{opacity:1;pointer-events:auto}
.site-footer{background:linear-gradient(180deg,var(--c-bg-panel),#070D1A);border-top:1px solid var(--c-border);margin-top:80px}.footer-status{background:rgba(4,8,18,.55);border-bottom:1px solid var(--c-border);padding:10px 0;overflow-x:auto}.footer-status-inner{display:flex;align-items:center;gap:32px;white-space:nowrap;min-width:max-content}.status-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:.74rem;color:var(--c-muted);letter-spacing:.04em}.status-item b{color:var(--c-neon);font-weight:700}.status-item-end{margin-left:auto;color:rgba(176,184,196,.4)}
.footer-main{padding:48px 0 32px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.2fr;gap:40px}.footer-brand-col{min-width:0}.footer-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px}.footer-brand-mark{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--c-neon);color:var(--c-bg);font-family:var(--f-head);font-weight:900;font-size:20px;font-style:italic;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%);border-radius:2px}.footer-brand-copy{display:flex;flex-direction:column;line-height:1.2}.footer-brand-copy strong{font-family:var(--f-head);font-size:1.15rem;color:var(--c-text)}.footer-brand-copy span{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.14em;color:var(--c-neon);text-transform:uppercase}.footer-brand-desc{color:var(--c-muted);font-size:.9rem;margin-bottom:12px}.footer-trust{color:var(--c-muted);font-size:.78rem;line-height:1.65;border-left:2px solid var(--c-border);padding-left:12px;opacity:.75}
.footer-nav-col,.footer-contact-col{display:flex;flex-direction:column;min-width:0}.footer-col-title{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted);font-weight:700;padding-bottom:8px;border-bottom:1px solid var(--c-border);margin-bottom:12px}.footer-nav-col a{color:var(--c-text);font-size:.87rem;padding:4px 0;transition:color .2s ease,padding-left .2s ease}.footer-nav-col a:hover{color:var(--c-neon);padding-left:4px}.contact-line{color:var(--c-muted);font-size:.84rem;padding:3px 0;line-height:1.6;overflow-wrap:break-word;word-break:break-all}
.footer-bottom{border-top:1px solid var(--c-border);padding:16px 0;background:rgba(4,8,18,.6)}.footer-bottom-inner{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-family:var(--f-mono);font-size:.75rem;color:var(--c-muted)}.footer-bottom-inner a{color:var(--c-muted);transition:color .2s ease}.footer-bottom-inner a:hover{color:var(--c-neon)}.footer-bottom-links{display:inline-flex;gap:16px}
@media (max-width:1199px){
.header-shell{gap:12px}.nav-item{padding:8px 8px;font-size:.84rem}.fav-rail{display:none}
}
@media (max-width:1023px){
.header-ticker{display:none}.header-shell{height:60px;justify-content:flex-start}.header-leading{margin-right:auto}.drawer-toggle{display:inline-flex}.primary-nav{position:fixed;top:0;left:0;bottom:0;z-index:200;width:320px;max-width:85vw;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:80px 20px 32px;background:var(--c-bg-panel);border-right:1px solid var(--c-border);box-shadow:var(--shadow-card);transform:translateX(-105%);transition:transform .35s var(--tick);margin-left:0;overflow-y:auto}.primary-nav[data-open]{transform:translateX(0)}.nav-item{padding:14px 12px;font-size:.98rem;border-bottom:1px solid var(--c-border-steel);color:var(--c-muted)}.nav-item[aria-current="page"]{background:transparent;color:var(--c-neon)}.nav-item[aria-current="page"]::after{left:0;right:auto;bottom:0;top:0;width:3px;height:auto;border-radius:0;background:var(--c-neon)}.nav-index{font-size:.7rem}
.site-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-backdrop{z-index:180}
}
@media (max-width:767px){
.site-footer{margin-top:48px}.footer-main{padding:32px 0 24px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-status-inner{gap:16px}.footer-bottom-inner{gap:12px;flex-direction:column;align-items:flex-start}.header-trailing{gap:6px}.league-filter{padding:8px 10px}.league-filter-text{display:none}.league-filter-dot{width:8px;height:8px}
}
@media (max-width:480px){
.brand-en{display:none}.brand-name{font-size:1rem}.header-shell{gap:8px}.brand-mark{width:38px;height:38px;font-size:20px}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}