:root{--app-primary: #3f5efb;--app-primary-hover: #5a76fc;--app-sidebar: #1e222d;--app-sidebar-active: #ff7f50;--app-bg: #f0f2f5;--app-card: #ffffff;--app-ink: #1f2329;--app-muted: #8c8c8c;--app-border: #e8e8e8}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:var(--app-ink);font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif;background:var(--app-bg)}.page{padding:4px 2px 24px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.page-head h2{margin:0;font-size:20px;font-weight:650;letter-spacing:.01em;color:var(--app-ink)}.page-head p{display:none}.eco-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:10px;padding:16px 18px;box-shadow:0 2px 8px #0000000a}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-item{position:relative;overflow:hidden;padding:18px 16px;border-radius:10px;background:var(--app-card);border:1px solid var(--app-border);box-shadow:0 2px 8px #00000008}.stat-item .label{color:var(--app-muted);font-size:13px}.stat-item .value{margin-top:8px;font-size:26px;font-weight:700;color:var(--app-primary)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.readonly-tag{color:var(--app-muted);font-size:12px}.chart-box{width:100%;height:320px}.modal-title-bar{display:flex;align-items:center;gap:8px}.modal-title-bar:before{content:"";width:3px;height:16px;border-radius:2px;background:var(--app-primary)}@media (max-width: 960px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}