:root{--bg: #eef2f7;--card: #ffffff;--text: #0f172a;--muted: #64748b;--line: #dbe3ef;--header: #334155;--accent: #2563eb;--white: #e2e8f0;--blue: #dbeafe;--green: #dcfce7;--violet: #ede9fe;--cyan: #cffafe;--red: #fee2e2;--white-accent: #cbd5e1;--blue-accent: #60a5fa;--green-accent: #4ade80;--violet-accent: #a78bfa;--cyan-accent: #22d3ee;--red-accent: #f87171}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;color:var(--text);background:var(--bg)}.app{padding:12px;min-height:100%}.layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,.55fr) minmax(0,.55fr);gap:12px;min-height:0;align-items:start}.layout.qr-hidden{grid-template-columns:minmax(0,1fr)}.hidden{display:none!important}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 10px #0f172a0a;overflow:hidden}.card-head{padding:10px 12px 6px;border-bottom:1px solid #eef3f8}.card-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-title{font-size:15px;font-weight:700}.card-sub{margin-top:4px;color:var(--muted);font-size:12px}.card-body{padding:10px 12px 12px}.left-col{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0}.mid-col{display:grid;grid-template-rows:auto auto;gap:12px;min-height:0;align-content:start}.toolbar-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}button,.file-label{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font-size:13px;cursor:pointer;color:var(--text);transition:.15s ease}.compact-switch{flex:0 0 auto;min-height:36px;white-space:nowrap}button:hover,.file-label:hover{border-color:#b8c7df;background:#f8fbff}.file-label input{display:none}.status{margin-top:10px;color:var(--accent);font-weight:700;font-size:13px}.table-wrap{overflow:auto;max-height:100%;min-height:0}table{width:100%;border-collapse:separate;border-spacing:0 4px;table-layout:fixed}thead th{position:sticky;top:0;z-index:2;font-size:12px;font-weight:700;padding:8px 4px;color:var(--text);background:#e8eef6}thead th.group-neutral{background:#e8eef6;color:var(--text)}thead th.group-white{background:var(--white);color:var(--text)}thead th.group-blue{background:var(--blue);color:var(--text)}thead th.group-green{background:var(--green);color:var(--text)}thead th.group-violet{background:var(--violet);color:var(--text)}thead th.group-cyan{background:var(--cyan);color:var(--text)}thead th.group-red{background:var(--red);color:var(--text)}tbody td{padding:0;height:32px;vertical-align:middle}tbody tr td:first-child input,tbody tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}tbody tr td:last-child,tbody tr td:last-child .bar-slider{border-top-right-radius:10px;border-bottom-right-radius:10px}.cell-input,.cell-label,.cell-btn{width:100%;height:32px;border:1px solid #e8eef6;background:#fff;text-align:center;font-size:13px;color:var(--text)}.cell-input{outline:none;padding:0 6px}.cell-label{display:flex;align-items:center;justify-content:center;background:#f8fafc}.cell-btn{cursor:pointer;border-radius:0}.bar-slider{position:relative;height:32px;border:1px solid #e8eef6;background:#f8fafc;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden}.bar-fill{position:absolute;left:0;top:0;bottom:0;width:0%}.bar-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.raw-box{width:100%;min-height:88px;resize:vertical;border:1px solid #e8eef6;background:#f8fafc;color:var(--text);border-radius:10px;padding:10px;font-family:Consolas,Courier New,monospace;font-size:13px}.manual-head-box{margin-bottom:10px;padding:10px;border:1px solid #e8eef6;background:#f8fafc;border-radius:10px}.manual-head-title{margin-bottom:8px;font-size:13px;font-weight:700;color:var(--text)}.manual-head-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.manual-head-item{display:grid;gap:4px;font-size:12px;color:var(--muted)}.manual-head-input{width:100%;height:36px;border:1px solid #e8eef6;border-radius:8px;background:#fff;text-align:center;font-family:Consolas,Courier New,monospace;text-transform:lowercase}.sun-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;margin-top:10px}.sun-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.sun-item{display:grid;gap:6px;font-size:12px;color:var(--muted);min-width:0}.sun-item-wide{grid-column:1 / -1}.sun-input{width:100%;min-width:0;height:36px;border:1px solid #e8eef6;border-radius:8px;background:#fff;padding:0 10px;color:var(--text);font-size:13px}.sun-item>span{display:inline-flex;align-items:center;min-height:18px;line-height:1.4;white-space:nowrap}.sun-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.sun-actions>button,.sun-actions>.toolbar-btn{width:100%;min-width:0;min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;text-align:center}.qr-side{display:flex;flex-direction:column}.qr-wrap{min-height:320px;display:flex;align-items:center;justify-content:center}#qrCanvas{max-width:100%;max-height:70vh;background:#fff;border-radius:12px}.muted{color:var(--muted);font-size:12px;margin-top:8px}.hidden-col{display:none}@media (max-width: 1200px){.layout{grid-template-columns:minmax(0,1fr)}#qrPanel{display:none}}@media (min-width: 1201px) and (max-width: 1500px){.layout{grid-template-columns:minmax(0,1.45fr) minmax(0,.9fr)}.mid-col{grid-column:2;grid-row:1}.right-col{grid-column:2;grid-row:2}}.decimal-col{width:48px}.right-col{display:grid;grid-template-rows:auto auto auto auto;gap:12px;align-content:start;min-height:0}.editor-only{min-height:0}.qr-card .card-body{padding-top:8px}.qr-wrap{min-height:260px}@media (max-width: 1200px){.right-col{grid-template-rows:auto auto auto auto}}.chart-card{min-height:0;display:flex;flex-direction:column}.chart-card-body{flex:1;min-height:0;display:flex;flex-direction:column}.chart-wrap{flex:1;width:100%;min-height:160px;border:1px solid #e8eef6;border-radius:12px;background:#fbfdff;padding:8px}#trendChart{width:100%;height:100%;display:block}.chart-legend{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:10px;font-size:12px;color:var(--text)}.chart-legend-item{display:inline-flex;align-items:center;gap:6px}.chart-legend-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.footer-card{margin-top:0}.footer-body{color:var(--muted);font-size:12px;line-height:1.65}.footer-line+.footer-line{margin-top:6px}.footer-body strong{color:var(--text)}.footer-body a{color:var(--accent);text-decoration:none;word-break:break-all}.footer-body a:hover{text-decoration:underline}.toolbar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}.toolbar-grid>button,.toolbar-grid>.toolbar-btn{width:100%;min-width:0;min-height:40px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.toolbar-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font-size:13px;cursor:pointer;color:var(--text);transition:.15s ease}.toolbar-btn:hover{border-color:#b8c7df;background:#f8fbff}.left-col{grid-template-rows:auto}.left-col .chart-card,.left-col.chart-mode .editor-card{display:none}.left-col.chart-mode .chart-card{display:flex}@media (max-width: 720px){.toolbar-grid,.manual-head-grid,.sun-grid,.sun-grid-3,.sun-actions{grid-template-columns:minmax(0,1fr)}.card-head-row{flex-direction:column;align-items:stretch}.compact-switch{width:100%}}