:root{--blue:#1597ed;--blue-soft:#eaf6ff;--ink:#263247;--muted:#8491a5;--line:#e6ebf1;--surface:#fff;--canvas:#f4f6fa;--soft:#f8fafc;--nav:#101927;--nav-soft:#1b2b43;--live:#ef5e6b;--green:#149c75;--amber:#e88920;--shadow:0 14px 36px rgba(30,48,76,.10);--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.45 "PingFang SC","Microsoft YaHei",Arial,sans-serif}button,input{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(21,151,237,.3);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:218px minmax(580px,1fr) 325px}.sidebar{background:var(--nav);color:#9ba9bd;display:flex;min-height:100vh;flex-direction:column;padding:18px 10px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;padding:4px 9px 21px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.09)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#2aaeff,#0879db);font:800 18px Georgia;box-shadow:0 8px 16px rgba(0,0,0,.22)}.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{font-size:8px;letter-spacing:1.2px;color:#71829c;margin-top:2px}.main-nav{display:grid;gap:4px;padding-top:16px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;background:transparent;border-radius:8px;color:#99a7bb;text-align:left;transition:.18s}.nav-item span{width:18px;text-align:center;font-size:16px}.nav-item b{margin-left:auto;background:rgba(255,255,255,.1);padding:1px 7px;border-radius:20px;font-size:10px}.nav-item:hover,.nav-item.is-active{background:linear-gradient(90deg,rgba(21,151,237,.28),rgba(21,151,237,.06));color:#fff}.nav-item:active,.market-button:active{transform:translateY(1px)}.sidebar-note{margin-top:auto;display:flex;gap:8px;padding:12px 10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;font-size:11px}.sidebar-note i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#36d5a5;box-shadow:0 0 0 4px rgba(54,213,165,.1)}.sidebar-note p{margin:0}.sidebar-note strong,.sidebar-note span{display:block}.sidebar-note strong{color:#dce5ef}.sidebar-note span{color:#708198;margin-top:3px}.content{min-width:0;padding-bottom:28px}.topbar{height:76px;display:flex;align-items:center;gap:22px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.title-row{display:flex;align-items:center;gap:12px;min-width:225px}.eyebrow{margin:0;color:var(--muted);font-size:9px;letter-spacing:1.35px;font-weight:800}.title-row h1{margin:1px 0 0;font-size:21px;letter-spacing:.2px}.icon-button,.theme-button{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--muted);background:transparent;font-size:22px;transition:.18s}.icon-button:hover,.theme-button:hover{background:var(--soft);color:var(--blue)}.menu-button{display:none}.search-trigger{height:39px;max-width:350px;flex:1;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--muted);text-align:left;font-size:12px}.search-trigger>span:first-child{font-size:18px;color:var(--blue)}kbd{margin-left:auto;border:1px solid var(--line);border-radius:5px;background:var(--surface);padding:2px 6px;color:var(--muted);font:10px inherit}.utility{margin-left:auto;display:flex;align-items:center;gap:8px}.service-status{font-size:11px;color:var(--muted);padding:5px 8px;border-radius:20px;background:var(--soft)}.service-status.is-online{color:var(--green);background:#eaf8f3}.service-status.is-offline{color:var(--live);background:#fff0f2}.refresh-button.is-spinning{animation:spin .65s linear}.controls{padding:18px 24px 0}.date-tabs{display:flex;gap:6px}.date-tab,.segment button,.league-chip{border-radius:8px;background:transparent;color:var(--muted);transition:.18s}.date-tab{padding:8px 15px;font-weight:700}.date-tab b{margin-left:3px;color:var(--live);font-size:10px}.date-tab:hover,.date-tab.is-active{background:var(--blue-soft);color:var(--blue)}.control-row{display:flex;align-items:center;gap:13px;margin-top:13px}.segment{display:flex;padding:3px;background:#e9eef4;border-radius:9px}.segment button{padding:5px 10px;font-size:11px}.segment button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 2px 5px rgba(31,51,78,.12)}.league-filter{display:flex;gap:7px;overflow:auto;padding:2px;scrollbar-width:none}.league-filter::-webkit-scrollbar{display:none}.league-chip{white-space:nowrap;padding:6px 10px;background:var(--surface);border:1px solid var(--line);font-size:11px}.league-chip:hover,.league-chip.is-active{border-color:#99d4fa;background:var(--blue-soft);color:var(--blue)}.feed-header{display:flex;align-items:center;justify-content:space-between;margin:19px 24px 9px}.feed-header strong{font-size:15px}.feed-header span{margin-left:9px;color:var(--muted);font-size:12px}.fold-all,.text-button{background:transparent;color:var(--muted);font-size:12px}.fold-all:hover,.text-button:hover{color:var(--blue)}.match-feed{margin:0 24px}.state-section{margin-top:18px}.state-heading{display:flex;gap:7px;align-items:center;margin:0 0 8px 2px;color:var(--muted);font-size:12px}.state-heading i{width:7px;height:7px;border-radius:50%;background:#a9b6c6}.state-heading.live i{background:var(--live);box-shadow:0 0 0 4px rgba(239,94,107,.12)}.state-heading strong{color:var(--ink);font-size:14px}.league-group{margin-bottom:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 15px rgba(33,51,77,.035)}.league-head{width:100%;height:44px;display:flex;align-items:center;gap:8px;padding:0 13px;background:var(--surface);text-align:left;border-left:4px solid var(--blue);color:var(--ink)}.league-head:hover{background:var(--soft)}.league-logo{display:grid;place-items:center;width:22px;height:22px;overflow:hidden;border-radius:50%;background:#172337;color:#fff;font-size:8px;font-weight:800}.league-name{font-size:13px;font-weight:800}.league-count{color:var(--muted);font-size:12px}.league-toggle{margin-left:auto;color:var(--muted);font-size:16px;transition:transform .2s}.is-collapsed .league-toggle{transform:rotate(-90deg)}.is-collapsed .league-body{display:none}.market-head,.match-row{display:grid;grid-template-columns:116px minmax(220px,1.5fr) repeat(3,minmax(115px,.82fr))}.market-head{height:34px;align-items:center;background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.market-head span{padding:0 12px}.match-row{min-height:109px;border-bottom:1px solid var(--line)}.match-row:last-child{border-bottom:0}.match-time{padding:12px 10px;border-right:1px solid var(--line);font-size:11px}.match-time strong,.match-time span{display:block}.match-time strong{color:var(--ink)}.match-time span{margin-top:3px;color:var(--muted)}.match-time.live strong{color:var(--live)}.match-time button{margin-top:7px;padding:0;background:transparent;color:var(--blue);font-size:11px}.teams{padding:11px 15px;border-right:1px solid var(--line)}.team{display:flex;justify-content:space-between;align-items:center;min-height:28px;font-size:13px}.team small{color:var(--muted);font-size:10px}.team-score{color:var(--live)}.match-meta{display:flex;gap:6px;align-items:center;margin-top:5px;font-size:10px}.match-meta b{color:var(--amber);font-weight:700}.match-meta span{color:var(--muted)}.market-column{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:7px;border-right:1px solid var(--line)}.market-column:last-child{border:0}.market-button{min-height:27px;display:flex;justify-content:space-between;align-items:center;gap:4px;padding:4px 7px;border:1px solid transparent;border-radius:6px;background:var(--soft);color:var(--muted);font-size:10px;transition:.16s}.market-button strong{color:var(--ink);font-size:12px}.market-button:hover{border-color:#9fd7fa;background:#f0f9ff}.market-button.is-selected{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 1px rgba(21,151,237,.12)}.market-button.is-empty{display:grid;place-items:center;color:#bdc6d2}.analysis-panel{display:flex;flex-direction:column;min-width:0;height:100vh;position:sticky;top:0;background:var(--surface);border-left:1px solid var(--line)}.analysis-head{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line)}.analysis-head h2{margin:2px 0 0;font-size:17px}.analysis-head h2 b,.mobile-analysis b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;border-radius:20px;background:var(--blue);color:#fff;font-size:10px}.analysis-list{flex:1;overflow:auto;padding:12px}.analysis-empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.analysis-empty span{display:block;font-size:30px;color:#c5cfdb}.analysis-item{padding:10px;margin-bottom:8px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 2px 9px rgba(31,50,76,.035)}.analysis-item header{display:flex;gap:8px}.analysis-item h3{flex:1;margin:0;font-size:12px}.remove-selection{background:transparent;color:var(--muted);font-size:17px}.analysis-item small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.analysis-pick{display:flex;justify-content:space-between;gap:8px;margin-top:8px;padding:6px 7px;border-radius:6px;background:var(--soft);font-size:11px}.analysis-pick b{color:var(--blue)}.analysis-foot{padding:12px;border-top:1px solid var(--line)}.analysis-foot p{margin:0 0 8px;color:var(--muted);font-size:11px}.analysis-foot p span{font-weight:800;color:var(--ink)}.primary-button{width:100%;height:38px;border-radius:8px;background:var(--blue);color:#fff;font-weight:700;transition:.18s}.primary-button:hover{filter:brightness(.96)}.primary-button:disabled{background:#c4ceda;cursor:not-allowed}.loading-state,.empty-state,.error-state{min-height:220px;display:grid;place-items:center;text-align:center;color:var(--muted)}.loading-state p,.empty-state p,.error-state p{margin:9px 0 0}.error-state strong,.empty-state strong{color:var(--ink);font-size:15px}.retry-button{margin-top:12px;padding:7px 13px;border-radius:7px;background:var(--blue);color:#fff}.spinner{width:24px;height:24px;border:3px solid #dce6ef;border-top-color:var(--blue);border-radius:50%;animation:spin .75s linear infinite}.modal-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:start center;padding-top:9vh;background:rgba(17,28,45,.42);backdrop-filter:blur(2px)}.search-modal{width:min(580px,calc(100% - 28px));padding:16px;border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.search-modal header,.detail-drawer>header{display:flex;justify-content:space-between;align-items:center}.search-modal h2,.detail-drawer h2{margin:0;font-size:18px}.search-input{display:flex;align-items:center;gap:8px;height:42px;margin-top:14px;padding:0 11px;border:1px solid var(--line);border-radius:8px;color:var(--blue)}.search-input input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.search-results{max-height:54vh;overflow:auto;margin-top:10px}.search-result{width:100%;padding:10px;margin-top:5px;border-radius:8px;background:var(--soft);color:var(--ink);text-align:left}.search-result:hover{background:var(--blue-soft)}.search-result strong,.search-result small{display:block}.search-result small{margin-top:3px;color:var(--muted);font-size:11px}.drawer-backdrop{justify-content:end;padding:0}.detail-drawer{width:min(510px,100%);height:100%;overflow:auto;padding:19px;background:var(--surface);box-shadow:var(--shadow)}.detail-drawer>header{padding-bottom:14px;border-bottom:1px solid var(--line)}.detail-summary{padding:16px 0}.detail-summary h3{margin:0;font-size:17px}.detail-summary h3 span{font-size:12px;color:var(--muted)}.detail-summary p{margin:5px 0 0;color:var(--muted);font-size:12px}.detail-section{padding:14px 0;border-top:1px solid var(--line)}.detail-section h3{margin:0 0 10px;font-size:14px}.snapshot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.snapshot-card{padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.snapshot-card small,.snapshot-card strong{display:block}.snapshot-card small{color:var(--muted);font-size:10px}.snapshot-card strong{margin-top:3px;font-size:12px}.market-detail{margin-top:9px;padding:11px;border:1px solid var(--line);border-radius:9px}.market-detail header{display:flex;justify-content:space-between;gap:8px}.market-detail h4{margin:0;font-size:13px}.change-badge,.result-badge{padding:3px 6px;border-radius:5px;font-size:10px}.change-badge.changed{background:#fff0e4;color:#b66100}.change-badge.stable{background:#eef3f7;color:var(--muted)}.result-badge.recommend{background:#e9f8f2;color:var(--green)}.result-badge.reanalysis{background:#fff0f1;color:var(--live)}.result-badge.watch{background:#fff7e8;color:#ad7012}.variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.variant{padding:8px;border-radius:7px;background:var(--soft)}.variant strong,.variant span,.variant small{display:block}.variant strong{font-size:11px}.variant span{margin-top:3px;font-size:12px}.variant small{margin-top:3px;color:var(--muted);font-size:10px}.detail-add{margin-top:9px;width:100%;height:32px;border-radius:7px;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:700}.toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translate(-50%,12px);padding:8px 13px;border-radius:20px;background:rgba(23,34,52,.93);color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.mobile-analysis{display:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.analysis-panel{position:fixed;z-index:25;right:0;top:0;width:min(340px,92vw);transform:translateX(105%);transition:transform .24s;box-shadow:var(--shadow)}.analysis-panel.is-open{transform:translateX(0)}.mobile-analysis{display:flex;position:fixed;z-index:20;right:18px;bottom:18px;align-items:center;gap:6px;padding:10px 12px;border-radius:22px;background:var(--blue);color:#fff;box-shadow:0 7px 18px rgba(21,151,237,.3)}.mobile-analysis b{background:#fff;color:var(--blue)}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;z-index:27;left:0;width:224px;transform:translateX(-105%);transition:transform .24s;box-shadow:var(--shadow)}.sidebar.is-open{transform:translateX(0)}.topbar{height:65px;padding:0 13px;gap:10px}.menu-button{display:grid}.title-row{min-width:0}.title-row h1{font-size:18px}.search-trigger{display:none}.service-status{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{padding:13px 13px 0}.date-tab{padding:7px 11px}.control-row{align-items:flex-start;flex-direction:column;gap:8px;margin-top:8px}.league-filter{width:100%}.feed-header{margin:16px 13px 8px}.match-feed{margin:0 8px}.state-section{margin-top:14px}.league-group{border-radius:9px}.league-head{height:41px;padding:0 9px}.market-head,.match-row{grid-template-columns:minmax(120px,1fr) repeat(3,72px)}.market-head{height:31px;overflow:hidden;font-size:10px}.market-head span{padding:0 5px;text-align:center}.market-head span:first-child{text-align:left}.match-row{min-height:104px}.match-time{display:none}.match-row{grid-template-columns:minmax(120px,1fr) repeat(3,72px)}.teams{padding:9px 7px}.team{font-size:12px}.market-column{padding:5px 3px;gap:3px}.market-button{min-height:28px;padding:3px;font-size:9px;flex-direction:column;justify-content:center;line-height:1.1}.market-button strong{font-size:11px}.detail-drawer{width:100%;height:auto;max-height:92vh;margin-top:auto;border-radius:16px 16px 0 0}.drawer-backdrop{align-items:end}.utility{gap:1px}.theme-button{width:30px}.variant-grid{grid-template-columns:1fr}.modal-backdrop:not(.drawer-backdrop){padding-top:58px}}
@media(prefers-color-scheme:dark){body:not(.force-light){--ink:#e8edf5;--muted:#9daabd;--line:#2c394b;--surface:#1b2534;--canvas:#121a26;--soft:#253142;--blue-soft:#153d58}.sidebar{background:#0d1420}.market-button strong,.service-status.is-online{color:var(--ink)}.service-status{background:var(--soft)}.segment{background:#263244}.segment button.is-active{background:#354257;color:var(--ink)}.market-button:hover{background:#193d55}.analysis-item,.league-head{background:var(--surface)}}body.is-dark{--ink:#e8edf5;--muted:#9daabd;--line:#2c394b;--surface:#1b2534;--canvas:#121a26;--soft:#253142;--blue-soft:#153d58}.is-dark .sidebar{background:#0d1420}.is-dark .segment{background:#263244}.is-dark .segment button.is-active{background:#354257;color:var(--ink)}.is-dark .analysis-item,.is-dark .league-head{background:var(--surface)}

[hidden]{display:none!important}