:root{--bg: #030a08;--bg-panel: rgba(11, 30, 26, .55);--bg-panel-2: rgba(8, 22, 19, .7);--bg-input: rgba(3, 12, 10, .75);--border: rgba(74, 222, 128, .16);--border-strong: rgba(74, 222, 128, .4);--green: #4ade80;--green-bright: #86efac;--lime: #a3e635;--cyan: #22d3ee;--amber: #fbbf24;--text: #d9f5e8;--text-muted: #7fa393;--text-dim: #4f6f61;--mono: "SFMono-Regular", "Cascadia Code", Consolas, "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:var(--text);background:radial-gradient(1100px 520px at 18% -8%,rgba(34,211,238,.09),transparent 60%),radial-gradient(900px 620px at 88% -4%,rgba(74,222,128,.12),transparent 62%),radial-gradient(700px 700px at 50% 110%,rgba(34,211,238,.05),transparent 60%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}.app{max-width:1240px;margin:0 auto;padding:22px 28px 56px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#04110c;font-size:18px;background:linear-gradient(135deg,var(--lime),var(--green) 55%,var(--cyan));box-shadow:0 0 24px #4ade8066}.brand-name{font-size:20px;font-weight:700;letter-spacing:.5px}.brand-sub{font-size:12px;color:var(--text-muted);letter-spacing:.3px}.tabs{display:flex;gap:8px;padding:6px;border-radius:14px;background:#06120fa6;border:1px solid var(--border)}.tab{display:flex;align-items:center;gap:8px;border:none;cursor:pointer;padding:10px 16px;border-radius:10px;background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;transition:all .18s ease}.tab:hover{color:var(--text)}.tab-index{font-family:var(--mono);font-size:12px;opacity:.6}.tab.active{background:linear-gradient(135deg,#4ade8038,#22d3ee24);color:var(--green-bright);box-shadow:inset 0 0 0 1px var(--border-strong),0 0 18px #4ade802e}.tab.active .tab-index{color:var(--lime);opacity:1}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.summary-card{position:relative;padding:18px 20px;border-radius:14px;background:var(--bg-panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(74,222,128,.08),transparent 55%);pointer-events:none}.summary-label{font-size:13px;color:var(--text-muted);margin-bottom:8px}.summary-value{font-size:30px;font-weight:700;color:var(--green-bright);line-height:1;letter-spacing:.5px;text-shadow:0 0 22px rgba(74,222,128,.35)}.summary-unit{font-size:15px;font-weight:500;color:var(--text-muted)}.panel{border-radius:16px;background:var(--bg-panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:22px}.panel+.panel{margin-top:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.panel-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px}.panel-title .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.panel-sub{font-size:12.5px;color:var(--text-muted)}.content-stack{display:grid;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-size:12.5px;color:var(--text-muted)}.input-wrap{display:flex;align-items:center;gap:8px;border-radius:10px;border:1px solid var(--border);background:var(--bg-input);padding:0 12px;min-width:0;transition:border-color .15s ease,box-shadow .15s ease}.input-wrap:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 3px #4ade801f}.input-wrap .prefix{color:var(--text-muted);font-size:14px}.input-wrap .suffix{color:var(--text-dim);font-size:12.5px;white-space:nowrap}.input{width:100%;border:none;outline:none;background:transparent;color:var(--text);font-size:15px;font-weight:600;padding:11px 0;font-variant-numeric:tabular-nums}.input::placeholder{color:var(--text-dim)}select.input{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='8'%20viewBox='0%200%2012%208'%3E%3Cpath%20d='M1%201l5%205%205-5'%20fill='none'%20stroke='%237fa393'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;background-size:12px 8px;padding-right:22px}select.input option{background-color:#0b1e1a;color:var(--text)}.btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;border-radius:10px;font-size:14px;font-weight:600;padding:11px 18px;transition:all .16s ease}.btn-primary{background:linear-gradient(135deg,var(--lime),var(--green) 60%);color:#03120a;box-shadow:0 6px 24px #4ade8059}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{background:#4ade8014;color:var(--green-bright);border:1px dashed var(--border-strong)}.btn-ghost:hover{background:#4ade8029}.btn-sm{padding:8px 14px;font-size:13px}.icon-btn{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;font-size:15px;transition:all .15s ease}.icon-btn:hover{color:#f87171;border-color:#f8717180}.kv{display:flex;flex-direction:column;gap:6px}.kv .k{font-size:12.5px;color:var(--text-muted)}.kv .v{font-size:24px;font-weight:700;color:var(--green-bright)}.device-table{display:grid;grid-template-columns:130px repeat(4,minmax(0,1fr)) minmax(0,1.35fr) minmax(0,1.35fr);gap:10px;align-items:end}.table-head{font-size:12px;color:var(--text-dim);padding:0 2px 8px;white-space:nowrap}.device-name{align-self:center;font-size:14px;font-weight:700;color:var(--green-bright);display:flex;align-items:center;gap:8px;padding-bottom:8px}.device-name .chip{width:9px;height:9px;border-radius:3px;background:var(--green);box-shadow:0 0 8px var(--green)}.readonly{padding:11px 12px;border-radius:10px;border:1px solid var(--border);background:#030c0a80;font-size:15px;font-weight:600;color:var(--cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.readonly.unit{font-size:12px;color:var(--text-dim);font-weight:400}.params-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid var(--border);flex-wrap:wrap}.footer-note{font-size:13px;color:var(--text-muted)}.footer-note b{color:var(--green-bright)}.split-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.donut-box{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.legend{display:flex;flex-direction:column;gap:14px}.legend-item{display:flex;align-items:center;gap:10px;font-size:13.5px}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-item .lg-label{color:var(--text-muted)}.legend-item .lg-value{margin-left:auto;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.bar-chart{display:flex;align-items:flex-end;gap:46px;height:200px;padding:0 12px}.bar-col{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;justify-content:flex-end;flex:1}.bar-value{font-size:16px;font-weight:700;color:var(--green-bright)}.bar-track{width:56px;border-radius:0;background:linear-gradient(180deg,var(--cyan),var(--green));box-shadow:0 0 22px #22d3ee66;position:relative}.bar-label{font-size:13px;color:var(--text-muted)}.formula-note{font-size:12.5px;color:var(--text-dim);line-height:1.7;padding-top:14px;border-top:1px solid var(--border)}.formula-note .q{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--border-strong);color:var(--green);font-size:11px;cursor:help;margin-left:4px}.bv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bv-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.bv-input{flex:1;min-width:150px}.big-num{font-size:34px;font-weight:700;color:var(--green-bright);line-height:1.05;text-shadow:0 0 26px rgba(74,222,128,.3)}.slider{-webkit-appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--lime) var(--pct, 50%),rgba(74,222,128,.15) var(--pct, 50%));outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--lime);border:3px solid #04110c;box-shadow:0 0 14px #a3e635b3;cursor:pointer}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.metric-row:last-child{border-bottom:none}.metric-row .mk{font-size:13.5px;color:var(--text-muted)}.metric-row .mv{font-size:20px;font-weight:700;color:var(--green-bright);font-variant-numeric:tabular-nums}.leverage{display:inline-block;padding:6px 14px;border-radius:999px;background:#22d3ee1f;border:1px solid rgba(34,211,238,.4);color:var(--cyan);font-size:18px;font-weight:700;box-shadow:0 0 18px #22d3ee33}.carbon-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.hero-title{font-size:22px;font-weight:800;background:linear-gradient(90deg,var(--lime),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:13px;color:var(--text-muted);margin-top:6px}.emission-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.emission-card{border-radius:14px;padding:18px;border:1px solid var(--border);background:var(--bg-panel-2)}.emission-card.amber{border-color:#fbbf2459;background:linear-gradient(135deg,#fbbf241a,#fbbf2405)}.emission-card.green{border-color:#4ade8066;background:linear-gradient(135deg,#4ade801f,#4ade8005)}.emission-value{font-size:30px;font-weight:700}.emission-card.amber .emission-value{color:var(--amber);text-shadow:0 0 22px rgba(251,191,36,.3)}.emission-card.green .emission-value{color:var(--green-bright);text-shadow:0 0 22px rgba(74,222,128,.3)}.emission-unit{font-size:13px;color:var(--text-muted)}.factor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.select-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;border:1px solid var(--border-strong);background:#4ade8014;color:var(--green-bright);font-size:14px;font-weight:600;cursor:pointer}.footer-formula{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;font-size:12.5px;color:var(--text-dim);line-height:1.7}.footer-formula b{color:var(--green-bright);font-family:var(--mono);font-weight:600}@media (max-width: 960px){.summary-grid,.params-grid{grid-template-columns:1fr 1fr}.split-2,.bv-grid,.carbon-hero{grid-template-columns:1fr}.device-table{grid-template-columns:repeat(3,1fr)}.table-head,.device-name{display:none}}@media (max-width: 560px){.summary-grid,.params-grid,.emission-cards,.factor-grid{grid-template-columns:1fr}}