:root{color-scheme:light;--ink: #071a36;--ink-soft: #395070;--muted: #6d7f9a;--blue: #244bcc;--blue-2: #5878db;--gold: #f4c747;--green: #16865f;--red: #b2322e;--card: rgba(255, 255, 255, .94);--line: #d8e4f5;--shadow: 0 22px 48px rgba(25, 54, 110, .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:#e8eef6}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 18% 8%,rgba(244,199,71,.16),transparent 30%),linear-gradient(180deg,#dce7f4,#eff5fc 40%,#edf3f9);overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{position:relative;width:100%;max-width:430px;min-height:100vh;margin:0 auto;overflow:hidden;background:linear-gradient(180deg,#071229fc 0,#071229fc 120px,#244bccf0 120px,#244bccf0 188px,#f6fafffa 188px,#f6fafffa),#f4f8ff;box-shadow:0 0 0 1px #244bcc14,var(--shadow)}.app-shell:before{position:absolute;inset:-80px -110px auto auto;width:260px;height:260px;content:"";opacity:.08;background:url(/assets/image2-worldcup-icon-sheet-BUQ-WHCD.png) center / cover no-repeat;transform:rotate(-8deg);pointer-events:none}.skip-link{position:absolute;left:12px;top:-44px;z-index:20;padding:9px 12px;border-radius:999px;background:#fff;color:var(--blue)}.skip-link:focus{top:12px}.app-header{position:relative;z-index:2;padding:22px 16px 0;color:#fff}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-height:58px}.app-header h1{margin:0;color:#fff;font-size:28px;line-height:1;font-weight:900;letter-spacing:0}.app-header p{margin:8px 0 0;color:#ffffffd1;font-size:12px;font-weight:700}.update-pill{flex:0 0 auto;min-width:112px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid rgba(255,255,255,.76);border-radius:8px;color:#fff;background:#ffffff21;box-shadow:inset 0 1px #ffffff3d;font-size:10.5px;font-weight:800;white-space:nowrap}.hero-tools{display:grid;grid-template-columns:minmax(0,1fr) 48px 48px;gap:10px;align-items:center;margin-top:20px}.search-capsule,.glass-icon-button,.tabs{border:1px solid rgba(255,255,255,.72);background:linear-gradient(180deg,#ffffffe6,#e2e9f7c7);box-shadow:inset 0 1px #fffffff2,0 14px 28px #0012462e;-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:8px;color:#163ea8;font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dot{width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #244bcc1a}.glass-icon-button{min-width:0;height:40px;border-radius:12px;display:grid;place-items:center;color:#1d3aa0;cursor:pointer}.glass-icon-button img{width:24px;height:24px;object-fit:contain}.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:#7f91d8;box-shadow:inset 0 1px #ffffffb8}.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:#ffffff61;color:#153da4;font-size:12px;font-weight:900;cursor:pointer}.tab.active{color:#fff;background:linear-gradient(180deg,#6f89e7,#244bcc);box-shadow:0 12px 26px #244bcc4d}.tab-icon{width:24px;height:24px;object-fit:contain;filter:saturate(1.08)}.tab.active .tab-icon{filter:saturate(1.15) brightness(1.18)}#main-content{position:relative;z-index:1}.view{position:relative;z-index:1;padding:20px 16px 12px}.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:0;border-radius:999px;background:#ffffffdb;color:var(--blue);font-size:12px;font-weight:900;box-shadow:0 8px 20px #18367b14;cursor:pointer}.day-chip.active{color:#fff;background:linear-gradient(180deg,#8fa2e5,#667fdc)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:16px;padding:14px 0;border:1px solid var(--line);border-radius:8px;background:#ffffffe6}.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(--blue);font-size:28px;line-height:.9;font-weight:900}.summary-grid span{margin-top:4px;color:#516482;font-size:12px;font-weight:800}.filters{display:grid;gap:10px;margin-bottom:24px}.filters select,.filters input{width:100%;height:42px;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:#ffffffe6;color:var(--ink);outline:none}.filters label{min-height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#ffffffc7;color:var(--ink-soft);font-size:13px;font-weight:800}.filters input[type=checkbox]{width:16px;height:16px;padding:0;accent-color:var(--blue)}.match-section{margin-top:22px}.match-section h2,.page-head h2{margin:0 0 12px;color:#1d3a9b;font-size:24px;line-height:1.1;font-weight:900}.match-section h2:after{display:block;height:4px;margin-top:12px;content:"";background:linear-gradient(90deg,var(--blue),var(--blue-2))}.match-list{display:grid;gap:18px}.match-card,.panel,.detail-hero,.empty-state,.footer,.toast{border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:0 14px 34px #152f5f14}.match-card{position:relative;display:grid;gap:12px;padding:16px;overflow:hidden}.match-card:before{position:absolute;inset:0 0 auto;height:4px;content:"";background:linear-gradient(90deg,var(--green),#d99208,var(--blue))}.match-card.status-played:before{background:linear-gradient(90deg,#8ba1bd,#cbd5e1)}.match-card.status-in_progress:before{background:linear-gradient(90deg,var(--gold),#f07a2d,var(--blue))}.match-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px;font-weight:800}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 12px;border-radius:999px;color:var(--green);background:#dff8ed;font-size:12px;font-weight:900}.status-pill.status-played{color:#53667f;background:#eef3f8}.status-pill.status-in_progress{color:#7a4b00;background:#fff1c8}.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:2px;object-fit:cover;box-shadow:0 0 0 1px #091a3614}.flag-fallback{display:inline-block;background:linear-gradient(90deg,#d9e4f4,#fff)}.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.5;font-weight:700}.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:900}.prediction-row strong{display:block;margin-top:3px;color:var(--green);font-size:25px;line-height:1;font-weight:900}.favorite-prob{text-align:right}.favorite-prob strong{color:var(--blue);font-size:16px}.segmented{display:flex;width:100%;height:12px;overflow:hidden;border-radius:999px;background:#e7edf8}.seg{min-width:4px}.seg-home{background:var(--green)}.seg-draw{background:#d38a00}.seg-away{background:var(--blue)}.seg.picked{filter:saturate(1.3) brightness(1.05)}.wdl-labels{display:flex;justify-content:space-between;gap:8px}.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:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#edf4ff;color:var(--blue);font-size:12px;font-weight:900;white-space:nowrap}.score-chip.hit{color:#fff;background:var(--green)}.badges{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:900}.badge.blue{color:#1e40af;background:#e4ecff}.badge.teal{color:#04756f;background:#dcf7f1}.badge.gold{color:#805000;background:#fff1c8}.result-block{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:8px}.result-block.hit{background:#e2f7ec;color:var(--green)}.result-block.miss{background:#fff0ed;color:var(--red)}.result-block strong,.result-block span{display:block}.result-block span{margin-top:2px;font-size:12px;font-weight:800}.result-pill{flex:0 0 auto;min-width:58px;padding:7px 10px;border-radius:999px;background:#ffffffad;text-align:center;font-size:12px;font-weight:900}.expandable{border-top:1px solid var(--line);padding-top:10px}.expandable summary{cursor:pointer;color:var(--blue);font-size:13px;font-weight:900}.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.6;font-weight:700}.expandable ul,.panel ul{margin:8px 0 0;padding-left:18px}.detail-button,.back-button{width:100%;height:50px;border:0;border-radius:14px;color:#fff;background:linear-gradient(180deg,#6f89e7,#516bd7);box-shadow:0 12px 26px #244bcc47;font-size:15px;font-weight:900;cursor:pointer}.detail-button:after{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:14px;border-radius:50%;content:">";background:#ffffff38;font-size:22px;line-height:1}.back-button{width:auto;height:38px;padding:0 16px;border-radius:999px;background:#173a93;box-shadow:none;font-size:13px}.detail-view{display:grid;gap:14px}.detail-hero{padding:16px;background:linear-gradient(145deg,#08142cf5,#143d9deb),#071229;color:#fff}.detail-hero h2{margin:14px 0 8px;color:#fff;font-size:24px;font-weight:900}.detail-hero p{margin:0;color:#ffffffb8;font-size:12px;font-weight:800}.detail-teams{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}.detail-teams strong{color:var(--gold);font-size:24px;font-weight:900}.panel{padding:16px}.panel h3{margin:0 0 12px;color:#183b9f;font-size:16px;font-weight:900}.xg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.xg-grid div{padding:12px 8px;border-radius:8px;background:#edf4ff;text-align:center}.xg-grid strong{display:block;margin-top:6px;color:var(--ink);font-size:20px;font-weight:900}.total-goals{background:#fff4d6!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:#173a93}.bracket-node,.tbd-node{width:100%;display:grid;gap:8px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#ffffffeb;text-align:left}.bracket-node{cursor:pointer}.bracket-node strong{color:var(--blue);font-size:14px;font-weight:900}.bracket-node.played strong{color:var(--green)}.team-out{opacity:.48;text-decoration:line-through}.tbd-node{color:var(--muted);font-weight:900}.record-list{display:grid;gap:12px}.record-row{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fbff}.record-row strong{color:var(--ink);font-size:18px;font-weight:900}.record-row em{font-style:normal;font-size:13px;font-weight:900}.hit-text{color:var(--green)}.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:#ffffffad}.empty-state h3{margin:0;color:var(--ink-soft);font-size:14px;font-weight:900}.state-panel{min-height:260px}.skeleton{height:14px;margin-top:14px;border-radius:999px;background:linear-gradient(90deg,#e8eff9,#f8fbff,#e8eff9)}.skeleton.wide{height:58px}.skeleton.short{width:55%}.toast{margin:16px 16px 0;padding:12px 14px;color:#805000;background:#fff5d8;font-size:13px;font-weight:900}.footer{position:relative;z-index:1;margin:22px 16px 26px;padding:16px}.footer p{margin:6px 0}.footer a{color:var(--blue);font-weight:900}@media(min-width:760px){body{padding:24px}.app-shell{border-radius:18px}}@media(max-width:520px){.app-shell{max-width:none;margin-left:0;margin-right:0}}@media(max-width:360px){.app-header h1{font-size:25px}.hero-tools{grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px}.score-chips{gap:5px}.score-chip{font-size:11px}}