:root{color:#354052;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:1120px;background:#f4f6f8}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{min-height:100vh}.topbar{height:86px;background:#fff;border-bottom:1px solid #e5e8ee}.menu-icon{display:flex;width:48px;height:46px;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-right:1px solid #edf0f4}.menu-icon span{width:15px;height:2px;background:#53616f}.breadcrumb{display:flex;align-items:center;height:40px;border-top:1px solid #f0f2f5;box-shadow:0 3px 8px #1f23290f}.breadcrumb button{display:flex;height:40px;min-width:158px;align-items:center;justify-content:center;gap:7px;border-right:1px solid #edf0f4;border-top:0;border-bottom:0;border-left:0;background:#fff;color:#7b8492;font-size:14px}.breadcrumb .active{color:#2f6fdd;background:#f8fbff}.breadcrumb .active:before{content:"";width:6px;height:6px;border-radius:50%;background:#63c74d}.breadcrumb button:hover{color:#354052;background:#fbfcfd}.error{margin:14px 22px 0;padding:10px 12px;border:1px solid #ffd0d0;background:#fff3f3;color:#c42b2b;font-size:13px}.dashboard-head,.monitor-head{display:flex;align-items:center;justify-content:space-between;min-height:112px;padding:22px 28px;background:#fff;border-top:8px solid #f4f6f8;border-bottom:1px solid #e8ebf0}.eyebrow{margin:0 0 6px;color:#2f6fdd;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:#1f2937;font-size:24px;font-weight:700;letter-spacing:0}.head-note{margin:8px 0 0;color:#687385;font-size:14px}.head-actions,.monitor-metrics{display:flex;align-items:center;gap:10px}.primary-button{display:inline-flex;height:34px;align-items:center;gap:7px;padding:0 14px;border:1px solid #2f6fdd;border-radius:4px;background:#2f6fdd;color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;padding:18px 22px 0}.metric-card{display:flex;min-height:78px;align-items:center;gap:12px;padding:14px;border:1px solid #e5e8ee;border-radius:6px;background:#fff}.metric-card>span{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:6px;background:#eef5ff;color:#2f6fdd}.metric-card small,.monitor-metrics span,.status-row small,.leader-row small,.list-copy small,.game-copy span{color:#7b8492;font-size:12px}.metric-card strong{display:block;margin-top:4px;color:#1f2937;font-size:21px}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;padding:18px 22px 22px}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.board-panel,.side-panel{background:#fff;border:1px solid #e5e8ee;border-radius:6px}.board-panel-header{display:flex;min-height:52px;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #edf0f4}.board-panel-header strong{display:block;color:#273241;font-size:15px}.board-panel-header span{display:block;margin-top:3px;color:#8a919f;font-size:12px}.text-button{border:0;background:transparent;color:#2f6fdd;font-size:14px}.board-panel ol{margin:0;padding:8px 12px 12px;list-style:none}.board-panel li{display:grid;grid-template-columns:28px 34px minmax(0,1fr);align-items:center;min-height:42px;gap:8px;color:#515b66}.rank-badge{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:5px;background:#f1f3f6;color:#7b8492;font-size:12px;font-weight:700}.rank-badge.hot{background:#fff1e7;color:#c75a1c}.board-panel img,.leader-row img,.game-cell img,.icon-fallback{flex:0 0 auto;width:28px;height:28px;border-radius:6px;background:#dfe5ec;object-fit:cover}.list-copy,.game-copy,.leader-row span{min-width:0}.list-copy a,.game-copy a,.leader-row strong{display:block;overflow:hidden;color:#2f3846;text-overflow:ellipsis;white-space:nowrap}.side-stack{display:flex;flex-direction:column;gap:16px}.side-title{display:flex;height:42px;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #edf0f4;color:#273241;font-weight:700}.leader-row,.status-row{display:grid;width:100%;align-items:center;border:0;border-bottom:1px solid #f0f2f5;background:#fff;color:#354052;text-align:left}.leader-row{grid-template-columns:32px minmax(0,1fr) 18px;min-height:54px;gap:10px;padding:8px 12px}.status-row{grid-template-columns:minmax(0,1fr) 56px 78px;min-height:42px;gap:8px;padding:0 14px}.leader-row:hover,.status-row:hover{background:#f8fbff}.status-row strong{color:#2f6fdd;text-align:right}.status-row small{text-align:right}.monitor-metrics span{display:flex;min-width:86px;height:42px;align-items:center;justify-content:center;flex-direction:column;border-left:1px solid #edf0f4}.monitor-metrics strong{color:#1f2937;font-size:18px}.filters{display:flex;align-items:center;gap:18px;height:72px;padding:0 28px;background:#fff;border-bottom:1px solid #e8ebf0}.filters label{display:flex;align-items:center;gap:10px;font-size:14px}.filters input,.filters select,.searchbox input{height:32px;min-width:190px;border:1px solid #dce2ea;border-radius:4px;background:#fff;color:#354052;font-size:14px;padding:0 12px}.searchbox{display:flex;align-items:center;gap:8px;margin-left:auto;color:#2f6fdd}.searchbox input{min-width:170px}.icon-button{display:inline-flex;width:38px;height:32px;align-items:center;justify-content:center;border:1px solid #9cc7ff;border-radius:4px;background:#edf6ff;color:#2f6fdd}.icon-button.success{border-color:#9ad989;background:#effbea;color:#45a82d}.icon-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.7}.spin{animation:spin 1s linear infinite}.table-wrap{max-height:calc(100vh - 254px);margin:18px 22px 22px;overflow:auto;background:#fff;border:1px solid #e5e8ee;border-radius:6px}table{width:100%;min-width:1640px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:14px}th,td{height:38px;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4;text-align:center;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}thead th{position:sticky;top:0;z-index:2;background:#f7f8fa;color:#606975;font-weight:600}.captured-hour{color:#2f6fdd;background:#eff6ff}.game-column{left:0;z-index:3;width:230px}.coverage-column{width:70px}.game-cell{position:sticky;left:0;z-index:1;display:flex;align-items:center;gap:9px;padding:0 12px;background:#fff;text-align:left}.rank-row:hover td,.rank-row:hover .game-cell{background:#fbfdff}.rank-cell{color:#8a919f;font-size:12px}.rank-cell.has-rank{color:#515b66}.rank-number{display:block;line-height:16px}.delta{display:inline-flex;height:14px;align-items:center;gap:1px;padding:0 4px;border-radius:4px;font-size:10px;line-height:14px}.delta.up{background:#eaf8ee;color:#2a9141}.delta.down{background:#fff1f0;color:#c93e34}.delta.flat{background:#f1f3f6;color:#7b8492}.top-rank .rank-number,.top-rank{color:#c93e34;font-weight:700}.strong-rank .rank-number,.strong-rank{color:#1e70d6;font-weight:600}.avg-cell{color:#273241;font-weight:600}.empty{height:160px;color:#8a919f}@keyframes spin{to{transform:rotate(360deg)}}