:root{color-scheme:dark;--ink: #eef2f8;--ink-soft: #aab6c9;--muted: #78849a;--accent: #35e08e;--accent-deep: #16b06b;--amber: #e8b53a;--away: #5f8dff;--red: #ff5c4d;--bg: #05070c;--shell: #0a0e17;--surface: #0f1522;--surface-2: #131a2a;--line: rgba(148, 168, 200, .14);--line-strong: rgba(148, 168, 200, .26);--glow: 0 0 24px rgba(53, 224, 142, .16);font-family:"Alibaba PuHuiTi 3.0",Alibaba PuHuiTi,Noto Sans SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(900px 480px at 85% -10%,rgba(53,224,142,.07),transparent 60%),radial-gradient(720px 420px at 0% 30%,rgba(95,141,255,.06),transparent 55%),var(--bg);overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}::selection{background:#35e08e47}.app-shell{position:relative;width:100%;max-width:430px;min-height:100vh;margin:0 auto;overflow:hidden;background:linear-gradient(180deg,#0b101c 0%,var(--shell) 30%,#080c14 100%);box-shadow:0 0 0 1px #94a8c81f,0 40px 120px #000000a6,0 0 90px #35e08e0d}.app-shell:before{position:absolute;inset:-80px -110px auto auto;width:280px;height:280px;content:"";opacity:.05;background:url(/assets/image2-worldcup-icon-sheet-BUQ-WHCD.png) center / cover no-repeat;mix-blend-mode:screen;transform:rotate(-8deg);pointer-events:none}.app-shell:after{position:absolute;inset:-140px -60px auto -60px;height:340px;content:"";background:radial-gradient(340px 200px at 22% 60%,rgba(53,224,142,.14),transparent 70%),radial-gradient(300px 190px at 78% 35%,rgba(95,141,255,.12),transparent 70%);animation:aura-drift 14s ease-in-out infinite alternate;pointer-events:none}@keyframes aura-drift{0%{transform:translate3d(-14px,0,0) scale(1);opacity:.85}to{transform:translate3d(18px,10px,0) scale(1.06);opacity:1}}.skip-link{position:absolute;left:12px;top:-44px;z-index:20;padding:9px 12px;border-radius:999px;background:var(--accent);color:#04140c;font-weight:900}.skip-link:focus{top:12px}.app-header{position:relative;z-index:2;padding:26px 18px 0;color:var(--ink)}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-height:58px}.app-header h1{margin:0;font-size:30px;line-height:1;font-weight:900;letter-spacing:.5px;background:linear-gradient(92deg,#ffffff 30%,#9ff3cd 75%,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app-header p{margin:9px 0 0;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:2.5px}.update-pill{flex:0 0 auto;min-width:112px;height:28px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;color:var(--accent);background:#35e08e12;font-size:10.5px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.update-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #35e08ee6}.hero-tools{display:grid;grid-template-columns:minmax(0,1fr) 48px 48px;gap:10px;align-items:center;margin-top:22px}.search-capsule,.glass-icon-button,.tabs{border:1px solid var(--line);background:linear-gradient(180deg,#151c2cd9,#0d121ee6);box-shadow:inset 0 1px #ffffff0d,0 14px 34px #0006;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search-capsule{min-width:0;height:40px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:10px;color:var(--ink-soft);font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #35e08e1f}.glass-icon-button{min-width:0;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--ink-soft);cursor:pointer;transition:border-color .2s ease,transform .2s ease}.glass-icon-button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.glass-icon-button img{width:24px;height:24px;object-fit:contain;filter:brightness(1.35) saturate(.9)}.dot-grid{display:grid;grid-template-columns:repeat(2,8px);gap:5px}.dot-grid i{display:block;width:8px;height:8px;border-radius:3px;background:#3d4b66}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-height:74px;margin-top:18px;padding:8px;border-radius:18px}.tab{min-width:0;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:12px;font-weight:900;cursor:pointer;transition:color .2s ease,background .25s ease,box-shadow .25s ease}.tab.active{color:#06180f;background:linear-gradient(180deg,#58efa8,var(--accent-deep));box-shadow:0 10px 28px #35e08e47}.tab-icon{width:24px;height:24px;object-fit:contain;filter:brightness(1.3) saturate(.85)}.tab.active .tab-icon{filter:brightness(.9) saturate(1.2)}#main-content{position:relative;z-index:1}.view{position:relative;z-index:1;padding:20px 16px 12px;animation:view-in .4s ease both}@keyframes view-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.day-strip{display:flex;gap:10px;overflow-x:auto;padding:1px 0 13px;scrollbar-width:none}.day-strip::-webkit-scrollbar{display:none}.day-chip{flex:0 0 auto;min-width:62px;height:32px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-soft);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.day-chip:hover{border-color:var(--line-strong);color:var(--ink)}.day-chip.active{color:#06180f;border-color:transparent;background:var(--accent);box-shadow:0 6px 22px #35e08e4d}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:16px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-left:0;border-right:0;border-radius:0;background:transparent}.summary-grid div{display:flex;flex-direction:column;align-items:center;min-width:0;border-right:1px solid var(--line)}.summary-grid div:last-child{border-right:0}.summary-grid strong{color:var(--ink);font-size:30px;line-height:.9;font-weight:900;font-variant-numeric:tabular-nums}.summary-grid span{margin-top:6px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:1px}.filters{display:grid;gap:10px;margin-bottom:24px}.filters select,.filters input{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;padding:0 14px;background:var(--surface);color:var(--ink);outline:none;transition:border-color .2s ease}.filters select:focus,.filters input:focus{border-color:#35e08e8c}.filters input::placeholder{color:var(--muted)}.filters label{min-height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink-soft);font-size:13px;font-weight:800}.filters input[type=checkbox]{width:16px;height:16px;padding:0;accent-color:var(--accent)}.match-section{margin-top:26px}.match-section h2,.page-head h2{margin:0 0 12px;color:var(--ink);font-size:22px;line-height:1.1;font-weight:900;letter-spacing:.5px}.match-section h2:after{display:block;width:44px;height:3px;margin-top:10px;content:"";border-radius:2px;background:linear-gradient(90deg,var(--accent),transparent)}.match-list{display:grid;gap:16px}.match-card,.panel,.detail-hero,.empty-state,.footer,.toast{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:0 18px 44px #00000059}.match-card{position:relative;display:grid;gap:12px;padding:16px;overflow:hidden;animation:card-in .45s ease both;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.match-card:hover{transform:translateY(-3px);border-color:#35e08e59;box-shadow:0 22px 54px #00000073,var(--glow)}.match-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.05) 50%,transparent 58%);transform:translate(-130%);pointer-events:none}.match-card:hover:after{transform:translate(130%);transition:transform .7s ease}}.match-card:before{position:absolute;inset:0 0 auto;height:2px;content:"";background:linear-gradient(90deg,var(--accent),transparent 70%);opacity:.9;transform-origin:left center;animation:accent-grow .8s cubic-bezier(.22,1,.36,1) .1s both}@keyframes accent-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.match-card.status-played:before{background:linear-gradient(90deg,rgba(148,168,200,.5),transparent 70%)}.match-card.status-in_progress{border-color:#ff5c4d66;animation:card-in .45s ease both,live-ring 2.6s ease-in-out infinite}.match-card.status-in_progress:before{background:linear-gradient(90deg,var(--red),rgba(232,181,58,.8) 55%,transparent)}@keyframes live-ring{0%,to{box-shadow:0 18px 44px #00000059,0 0 #ff5c4d00}50%{box-shadow:0 18px 44px #00000059,0 0 26px #ff5c4d38}}.match-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 11px;border-radius:999px;border:1px solid rgba(53,224,142,.35);color:var(--accent);background:#35e08e14;font-size:11.5px;font-weight:900;letter-spacing:.5px}.status-pill.status-played{border-color:var(--line);color:var(--muted);background:#94a8c80f}.status-pill.status-in_progress{border-color:#ff5c4d73;color:#ff8a7e;background:#ff5c4d1a}.match-title{display:grid;gap:10px;width:100%;padding:2px 0 0;border:0;background:transparent;text-align:left;cursor:pointer}.match-title span,.detail-teams span,.record-row span,.bracket-node span{display:flex;align-items:center;gap:9px;min-width:0}.flag{flex:0 0 auto;width:25px;height:18px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px #ffffff24}.flag-fallback{display:inline-block;background:linear-gradient(90deg,#223048,#2c3c58)}.match-title span{color:var(--ink);font-size:20px;line-height:1.08;font-weight:900}.headline{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.55;font-weight:600}.live-strip{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;padding:6px 13px;border:1px solid rgba(255,92,77,.4);border-radius:999px;background:#ff5c4d17;color:#ffb3aa;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.live-strip strong{font-size:17px;color:#fff;letter-spacing:1px;animation:score-pop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes score-pop{0%{transform:scale(1.45);color:var(--red)}to{transform:scale(1);color:#fff}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 10px #ff5c4de6;animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.prediction-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.small-label,.favorite-prob span,.wdl-labels,.xg-grid span,.record-row small,.bracket-column h3,.footer strong{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.5px}.prediction-row strong{display:block;margin-top:4px;color:var(--accent);font-size:25px;line-height:1;font-weight:900;text-shadow:0 0 24px rgba(53,224,142,.35)}.favorite-prob{text-align:right}.favorite-prob strong{color:var(--ink);font-size:17px;font-variant-numeric:tabular-nums}.segmented{display:flex;width:100%;height:10px;overflow:hidden;border-radius:999px;background:#94a8c81a;transform-origin:left center;animation:seg-grow .7s cubic-bezier(.22,1,.36,1) .15s both}@keyframes seg-grow{0%{transform:scaleX(.25);opacity:0}to{transform:scaleX(1);opacity:1}}.seg{min-width:4px;opacity:.4;transition:width .6s cubic-bezier(.22,1,.36,1),opacity .3s ease}.seg-home{background:var(--accent)}.seg-draw{background:var(--amber)}.seg-away{background:var(--away)}.seg.picked{opacity:1;box-shadow:0 0 14px #ffffff1f}.wdl-labels{display:flex;justify-content:space-between;gap:8px;font-variant-numeric:tabular-nums}.wdl-labels span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.score-chip{min-width:0;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#94a8c80d;color:var(--ink-soft);font-size:12.5px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap;transition:border-color .2s ease,color .2s ease;animation:chip-in .35s ease both}@keyframes chip-in{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.score-chip.hit{color:#06180f;border-color:transparent;background:var(--accent);box-shadow:0 0 18px #35e08e66}.badges{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--line);font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums}.badge.blue{color:#9db8ff;background:#5f8dff1a;border-color:#5f8dff47}.badge.teal{color:#6fe6c4;background:#35e08e14;border-color:#35e08e42}.badge.gold{color:#f0cd78;background:#e8b53a1a;border-color:#e8b53a4d}.result-block{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px}.result-block.hit{background:#35e08e17;border:1px solid rgba(53,224,142,.3);color:#7bebb8}.result-block.miss{background:#ff5c4d14;border:1px solid rgba(255,92,77,.3);color:#ff9c91}.result-block strong,.result-block span{display:block}.result-block strong{color:inherit}.result-block span{margin-top:3px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.result-pill{flex:0 0 auto;min-width:58px;padding:7px 10px;border-radius:999px;background:#ffffff14;text-align:center;font-size:12px;font-weight:900}.verdict-pills{flex:0 0 auto;display:flex;flex-direction:column;gap:6px}.verdict-pill{min-width:74px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);text-align:center;font-size:12px;font-weight:900;white-space:nowrap}.verdict-pill.v-hit{color:var(--accent);border-color:#35e08e66;background:#35e08e1a}.verdict-pill.v-miss{color:#ff9c91;border-color:#ff5c4d66;background:#ff5c4d17}.verdict-pill.v-na{color:var(--muted);background:#94a8c80f}.record-row .verdict-pills{flex-direction:row;gap:10px}.na-text{color:var(--muted);font-style:normal;font-size:13px;font-weight:900}.expandable{border-top:1px solid var(--line);padding-top:10px}.expandable summary{cursor:pointer;color:var(--accent);font-size:13px;font-weight:800}.expandable p,.expandable li,.panel p,.panel li,.footer p,.footer span,.page-head p{color:var(--ink-soft);font-size:13px;line-height:1.65;font-weight:500}.expandable ul,.panel ul{margin:8px 0 0;padding-left:18px}.detail-button,.back-button{width:100%;height:48px;border:1px solid rgba(53,224,142,.4);border-radius:12px;color:var(--accent);background:#35e08e14;font-size:14px;font-weight:900;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .25s ease}.detail-button:hover,.back-button:hover{background:var(--accent);color:#06180f;box-shadow:0 10px 30px #35e08e4d}.detail-button:after{content:" →";font-size:15px}.back-button{width:auto;height:38px;padding:0 18px;border-radius:999px;font-size:13px}.detail-view{display:grid;gap:14px}.detail-hero{padding:18px;background:radial-gradient(420px 240px at 90% -20%,rgba(53,224,142,.16),transparent 65%),linear-gradient(160deg,#101a2e,#0b111d);color:var(--ink)}.detail-hero h2{margin:14px 0 8px;color:#fff;font-size:24px;font-weight:900}.detail-hero p{margin:0;color:var(--muted);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.detail-teams{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}.detail-teams strong{color:var(--accent);font-size:24px;font-weight:900;text-shadow:0 0 26px rgba(53,224,142,.4)}.panel{padding:16px}.panel h3{margin:0 0 12px;color:var(--ink);font-size:15px;font-weight:900;letter-spacing:.5px}.xg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.xg-grid div{padding:12px 8px;border:1px solid var(--line);border-radius:10px;background:#94a8c80d;text-align:center}.xg-grid strong{display:block;margin-top:6px;color:var(--ink);font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}.total-goals{border-color:#e8b53a59!important;background:#e8b53a14!important}.bracket-view .page-head,.page-head{margin-bottom:16px}.bracket-columns{display:grid;gap:14px}.bracket-column{display:grid;gap:10px}.bracket-column h3{margin:0;color:var(--ink);letter-spacing:1px}.bracket-node,.tbd-node{width:100%;display:grid;gap:8px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left;color:var(--ink)}.bracket-node{cursor:pointer;transition:border-color .2s ease,transform .2s ease}.bracket-node:hover{border-color:#35e08e66;transform:translateY(-1px)}.bracket-node strong{color:var(--ink-soft);font-size:14px;font-weight:900}.bracket-node.played strong{color:var(--accent)}.team-out{opacity:.38;text-decoration:line-through}.tbd-node{color:var(--muted);font-weight:800;border-style:dashed;background:transparent}.record-list{display:grid;gap:12px}.record-row{display:grid;gap:6px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.record-row strong{color:var(--ink);font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}.record-row em{font-style:normal;font-size:13px;font-weight:900}.hit-text{color:var(--accent)}.miss-text{color:var(--red)}.legend-list{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center}.legend-list p{margin:0}.empty-state{padding:18px}.empty-state.compact{padding:14px;background:transparent;border-style:dashed;box-shadow:none}.empty-state h3{margin:0;color:var(--muted);font-size:14px;font-weight:800}.state-panel{min-height:260px}.skeleton{height:14px;margin-top:14px;border-radius:999px;background:linear-gradient(90deg,#94a8c814,#94a8c82e,#94a8c814);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton.wide{height:58px}.skeleton.short{width:55%}.toast{margin:16px 16px 0;padding:12px 14px;color:#f0cd78;border-color:#e8b53a59;background:#e8b53a14;font-size:13px;font-weight:800}.footer{position:relative;z-index:1;margin:22px 16px 26px;padding:16px;box-shadow:none;background:transparent;border-style:dashed}.footer p{margin:6px 0}.footer a{color:var(--accent);font-weight:900}@media(min-width:760px){body{padding:28px}.app-shell{border-radius:22px;min-height:calc(100vh - 56px)}}@media(max-width:520px){.app-shell{max-width:none;margin-left:0;margin-right:0}}@media(max-width:360px){.app-header h1{font-size:26px}.hero-tools{grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px}.score-chips{gap:5px}.score-chip{font-size:11px}}@media(prefers-reduced-motion:reduce){.app-shell:after,.match-card,.match-card:before,.match-card:after,.live-dot,.live-strip strong,.skeleton,.view,.segmented,.score-chip{animation:none!important}.match-card,.seg,.tab,.day-chip,.bracket-node,.detail-button,.back-button{transition:none!important}}