:root{--gc-primary: #0e7c61;--gc-primary-dark: #0b3d2e;--gc-primary-deep: #08281e;--gc-primary-light: #2a7a65;--gc-bg: #f4f8f6;--gc-surface: #e9f5f0;--gc-accent: #ff8a3d;--gc-danger: #e05252;--gc-success: #2a9d6e;--gc-text: #1c2b26;--gc-text-2: #5a6e66;--gc-line: #dbe7e1;--gc-radius: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:PingFang SC,Microsoft YaHei,Heiti SC,sans-serif;color:var(--gc-text);background:#e8ece9}#root{min-height:100vh}.c-shell{max-width:420px;min-height:100vh;margin:0 auto;background:var(--gc-bg);position:relative;box-shadow:0 0 40px #0000001f}.c-page{padding-bottom:64px}.c-header{background:linear-gradient(135deg,var(--gc-primary-dark),var(--gc-primary));color:#fff;padding:18px 16px 16px}.c-body{padding:12px 14px}.c-card{background:#fff;border-radius:var(--gc-radius);padding:14px;margin-bottom:12px;box-shadow:0 1px 4px #0e7c6114}.c-section-title{font-size:15px;font-weight:600;margin:4px 0 10px;display:flex;align-items:center;gap:6px}.c-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px}.c-grid-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--gc-text);cursor:pointer}.c-grid-icon{width:42px;height:42px;border-radius:12px;background:var(--gc-surface);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--gc-primary)}.c-btn-primary{width:100%;border:none;background:linear-gradient(135deg,#12a07c,var(--gc-primary));color:#fff;font-size:16px;font-weight:600;padding:12px;border-radius:999px;cursor:pointer}.c-tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:420px;background:#fff;border-top:1px solid var(--gc-line);display:flex;z-index:100}.c-tabbar .tab{flex:1;text-align:center;padding:8px 0 10px;font-size:11px;color:#8a9a92;cursor:pointer}.c-tabbar .tab.active{color:var(--gc-primary);font-weight:600}.c-tabbar .tab .ico{font-size:20px;display:block}.screen-root{width:100vw;height:100vh;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#0a2a1f,#04120e 60%,#020a07);color:#d9efe6;font-family:PingFang SC,Microsoft YaHei,sans-serif}.screen-scale{width:1920px;height:1080px;transform-origin:left top;position:relative}.screen-panel{background:linear-gradient(180deg,#1444348c,#0a281e59);border:1px solid rgba(61,219,181,.25);border-radius:8px;padding:12px}.screen-title{font-size:18px;font-weight:700;color:#3ddbb5;letter-spacing:2px;margin-bottom:8px;border-left:4px solid #3ddbb5;padding-left:8px}.screen-kpi{text-align:center}.screen-kpi .v{font-size:30px;font-weight:800;color:#6ef0c8;font-family:DIN Alternate,Courier New,monospace}.screen-kpi .l{font-size:13px;color:#9fc9ba;margin-top:2px}.muted{color:var(--gc-text-2);font-size:12px}.row{display:flex;align-items:center}.spacer{flex:1}