html,body,#app{margin:0;height:100%;width:100%;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f0f4f8}#app>*{min-height:100%;height:100%}body{overflow:hidden}*{box-sizing:border-box}.page{display:flex;flex-direction:column;gap:16px}.page-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:16px;background:radial-gradient(1200px 180px at 0% 0%,rgba(37,99,235,.14),transparent 55%),linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a0a}.page-hero-title{font-size:18px;font-weight:700;color:#0f2744;letter-spacing:-.02em;line-height:1.25}.page-hero-desc{margin-top:6px;font-size:13px;color:#64748b;line-height:1.5;max-width:640px}.page-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#f1f5f9;color:#475569}.chip.on{background:#dcfce7;color:#15803d}.chip.off{background:#fee2e2;color:#b91c1c}.chip.warn{background:#fef3c7;color:#b45309}.chip.info{background:#e0f2fe;color:#0369a1}.panel{border-radius:16px!important;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.panel-title{font-size:15px;font-weight:700;color:#0f2744}.panel-sub{margin-top:2px;font-size:12px;color:#94a3b8}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}.metric-tile{position:relative;padding:14px 14px 14px 16px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a08;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.metric-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent, #2563eb)}.metric-tile.clickable{cursor:pointer}.metric-tile.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 18px #2563eb1a}.metric-label{font-size:12px;color:#64748b}.metric-value{margin-top:6px;font-size:26px;font-weight:700;color:#0f2744;letter-spacing:-.03em;line-height:1.1}.metric-sub{margin-top:8px;font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.metric-pct{font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px}.metric-pct.up{color:#15803d;background:#dcfce7}.metric-pct.down{color:#b91c1c;background:#fee2e2}.metric-pct.flat{color:#64748b;background:#f1f5f9}.live-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e80;animation:livePulse 1.6s infinite}@keyframes livePulse{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.sticky-save{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:14px;background:#ffffffeb;border:1px solid #e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0f172a14}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#64748b}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.kpi-card{cursor:default}.kpi-card.clickable{cursor:pointer}.n-card{border-radius:12px}.player-stat-card .n-form-item{margin-bottom:0}.player-stat-card .n-form-item-label{padding-bottom:4px!important}