.app-header[data-v-a76a2597]{position:sticky;top:0;z-index:50;height:var(--header-h);background:#ffffffe0;border-bottom:1px solid rgba(221,228,238,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.inner[data-v-a76a2597]{height:100%;display:flex;align-items:center;gap:var(--sp-4);min-width:0;overflow:hidden}.brand[data-v-a76a2597]{display:flex;align-items:center;gap:var(--sp-2);font-weight:800;min-width:118px;flex:0 0 auto}.logo-mark[data-v-a76a2597]{width:32px;height:32px;display:block;object-fit:contain;flex:0 0 auto;padding:3px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.brand-name[data-v-a76a2597]{font-size:18px;letter-spacing:0;color:var(--color-primary)}.league-nav[data-v-a76a2597]{display:flex;align-items:center;gap:2px;margin-left:var(--sp-4);padding:3px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-pill);overflow-x:auto;scrollbar-width:none;min-width:0;flex:1 1 auto}.league-nav[data-v-a76a2597]::-webkit-scrollbar{display:none}.nav-link[data-v-a76a2597]{height:32px;padding:0 12px;display:inline-flex;align-items:center;border-radius:var(--radius-pill);font-size:var(--fz-sm);font-weight:700;color:var(--color-text-soft);white-space:nowrap;transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.nav-link[data-v-a76a2597]:hover{background:#ffffff8c;color:var(--color-text)}.nav-link.active[data-v-a76a2597]{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 3px #0f172a1a}.actions[data-v-a76a2597]{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2);flex:0 0 auto}.lang[data-v-a76a2597]{height:32px;min-width:36px;padding:0 10px;border-radius:var(--radius-pill);background:var(--color-surface-alt);border:1px solid transparent;font-size:var(--fz-xs);font-weight:700;color:var(--color-text-soft);transition:all var(--transition)}.lang[data-v-a76a2597]:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-primary)}.theme[data-v-a76a2597]{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-alt);border:1px solid transparent;transition:background var(--transition)}.theme[data-v-a76a2597]:hover{background:var(--color-surface);border-color:var(--color-border)}@media(max-width:540px){.brand-name[data-v-a76a2597]{font-size:var(--fz-md)}}:root[data-theme=dark]{background:#111827e0;border-bottom-color:#2b364ae6}:root[data-theme=dark]{background:#1e293bcc}.app-main[data-v-8aa2208b]{min-height:calc(100vh - var(--header-h) - 64px);padding:var(--sp-2) 0 var(--sp-8)}.app-foot[data-v-8aa2208b]{padding:var(--sp-4) 0;font-size:var(--fz-xs);color:var(--color-text-mute);background:transparent;border-top:1px solid var(--color-border)}.app-foot .container[data-v-8aa2208b]{display:flex;justify-content:center;align-items:center;gap:var(--sp-2)}.dot[data-v-8aa2208b]{color:var(--color-border)}.fade-enter-active[data-v-8aa2208b],.fade-leave-active[data-v-8aa2208b]{transition:opacity .18s ease}.fade-enter-from[data-v-8aa2208b],.fade-leave-to[data-v-8aa2208b]{opacity:0}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: rgba(37, 99, 235, .1);--color-accent: #f97316;--color-accent-soft: rgba(249, 115, 22, .12);--color-live: #f97316;--color-success: #16a34a;--color-warning: #d97706;--color-error: #dc2626;--color-bg: #f6f8fb;--color-surface: #ffffff;--color-surface-alt: #f1f4f9;--color-surface-raised: #ffffff;--color-border: #dde4ee;--color-border-strong: #cbd5e1;--color-text: #152033;--color-text-soft: #586579;--color-text-mute: #8a96a8;--font-family-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;--fz-xs: 12px;--fz-sm: 13px;--fz-base: 14px;--fz-md: 15px;--fz-lg: 17px;--fz-xl: 20px;--fz-2xl: 24px;--fz-score: 30px;--fz-score-big: 40px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .05);--shadow-md: 0 14px 34px rgba(15, 23, 42, .1);--header-h: 64px;--content-max: 1200px;--transition: .15s ease}:root[data-theme=dark]{--color-bg: #0f172a;--color-surface: #111827;--color-surface-alt: #1e293b;--color-surface-raised: #182235;--color-border: #2b364a;--color-border-strong: #475569;--color-text: #f8fafc;--color-text-soft: #cbd5e1;--color-text-mute: #94a3b8;--color-primary-soft: rgba(96, 165, 250, .18);--color-accent-soft: rgba(251, 146, 60, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--fz-base);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:hidden}#app{min-height:100vh;background:linear-gradient(180deg,#ffffffd9,#f6f8fbeb 260px),var(--color-bg)}:root[data-theme=dark] #app{background:linear-gradient(180deg,#0f172ac7,#0f172af5 260px),var(--color-bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;padding:0}img{display:block;max-width:100%}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--sp-5)}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.5}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-mute)}.grid-cards{display:grid;gap:var(--sp-4);grid-template-columns:1fr}@media(min-width:768px){.grid-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.grid-cards{grid-template-columns:repeat(3,1fr)}}