:root{--eco-forest: #1f7a4d;--eco-leaf: #3fae72;--eco-moss: #6bbf8a;--eco-soil: #3d4a3f;--eco-mist: #e8f5ee;--eco-canvas: #f3f8f4;--eco-ink: #1c2b22}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:var(--eco-ink);font-family:DM Sans,Source Han Sans SC,PingFang SC,sans-serif;background:radial-gradient(1200px 600px at 10% -10%,rgba(63,174,114,.18),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(31,122,77,.12),transparent 50%),linear-gradient(180deg,#f7fbf8 0%,var(--eco-canvas) 45%,#eef6f1 100%)}.page{padding:4px 2px 24px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.page-head h2{margin:0 0 4px;font-size:22px;font-weight:700;letter-spacing:.02em}.page-head p{margin:0;color:#5b6b61;font-size:13px}.eco-card{background:#ffffffd1;border:1px solid rgba(31,122,77,.12);border-radius:14px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #1c2b220a}.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:14px;background:linear-gradient(145deg,#fffffff2,#e8f5eee6);border:1px solid rgba(31,122,77,.14)}.stat-item:after{content:"";position:absolute;right:-20px;top:-20px;width:80px;height:80px;border-radius:50%;background:#3fae721f}.stat-item .label{color:#5b6b61;font-size:13px}.stat-item .value{margin-top:8px;font-size:28px;font-weight:700;color:var(--eco-forest)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.readonly-tag{color:#7a8a80;font-size:12px}.chart-box{width:100%;height:320px}@media (max-width: 960px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}