:root{--base:#f3f5f7;--surface:#ffffff;--text:#18212f;--text-muted:#667482;--border:#dbe1e6;--border-strong:#c3ccd3;--primary:#176b68;--primary-hover:#125a57;--primary-text:#ffffff;--danger:#a12820;--danger-hover:#8b211a;--ok-bg:#dff4ea;--ok-fg:#126b48;--warn-bg:#fff0d5;--warn-fg:#8a5700;--error-bg:#fde6e4;--error-fg:#a52a22;--info-bg:#e5f1f0;--info-fg:#245b61;--neutral-bg:#eef1f3;--neutral-fg:#667482;--disabled-fg:#9aa5ad;--disabled-bg:#eef1f3;--head-bg:#eef2f4;--head-fg:#465661;--side-bg:#17222c;--side-fg:#b7c2ca;--side-active-bg:#294b52;--side-active-fg:#ffffff;--side-marker:#5fc1b6;--side-width:212px;--font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;--fs-base:16px;--fs-small:14px;--fs-title:24px;--fs-badge:13px;--fw-nav:600;--fw-tab:650;--fw-title:750;--fw-head:700;--ctl-h:34px;--tab-h:36px;--r-btn:6px;--r-card:8px;--r-pane:7px;--r-pill:10px;--r-input:5px;--r-table:5px;--pad-panel-y:20px;--pad-panel-y-end:22px;--pad-panel-x:24px;--gap-panel:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--base);color:var(--text);font-family:var(--font);font-size:var(--fs-base);line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:var(--side-width) 1fr;height:100vh}.side{background:var(--side-bg);color:var(--side-fg);display:flex;flex-direction:column;padding:12px 0;overflow-y:auto}.side-brand{display:flex;align-items:center;gap:10px;padding:4px 18px 16px}.side-mark{width:30px;height:30px;flex:none;display:grid;place-items:center;background:var(--side-active-bg);color:var(--side-marker);border-radius:var(--r-btn);font-weight:var(--fw-title);font-size:15px}.side-brand strong{display:block;font-size:15px;color:#fff;font-weight:var(--fw-head)}.side-brand span{display:block;font-size:var(--fs-small);color:var(--side-fg)}.side-group{font-size:var(--fs-badge);font-weight:var(--fw-head);letter-spacing:.06em;color:#7d8b95;padding:14px 18px 6px}.side-link{display:flex;align-items:center;gap:9px;padding:11px 15px 11px 12px;border-left:3px solid transparent;color:var(--side-fg);font-size:var(--fs-base);font-weight:var(--fw-nav)}.side-link:hover{background:#1e2b36;text-decoration:none}.side-link[aria-current=page]{background:var(--side-active-bg);color:var(--side-active-fg);border-left-color:var(--side-marker)}.side-link i{font-style:normal;opacity:.65;min-width:16px}.side-foot,.side-link i{font-size:var(--fs-small)}.side-foot{margin-top:auto;padding:14px 18px 4px}.side-foot small{display:block;color:#7d8b95;font-size:var(--fs-badge)}.workspace{display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--pad-panel-x);background:var(--surface);border-bottom:1px solid var(--border)}.eyebrow{margin:0;font-size:var(--fs-badge);letter-spacing:.1em;color:var(--text-muted);font-weight:var(--fw-head)}.topbar h1{margin:1px 0 0;font-size:20px;font-weight:var(--fw-title)}.topbar-right{display:flex;align-items:center;gap:12px}.content{flex:1 1;min-height:0;overflow:auto;padding:var(--pad-panel-y) var(--pad-panel-x) var(--pad-panel-y-end);display:flex;flex-direction:column;gap:var(--gap-panel)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card)}.panel>.scroll-x{overflow-x:auto}.template-editor{overflow:visible}.panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--border);background:#fbfcfd}.panel>header h2{margin:0;font-size:17px;font-weight:var(--fw-head)}.panel>header p{margin:2px 0 0;font-size:var(--fs-small);color:var(--text-muted)}.panel-body{padding:14px 11px 14px 12px}.panel-actions{gap:8px}.label-chips,.panel-actions{display:flex;align-items:center}.label-chips{flex-wrap:wrap;gap:6px}.label-chips .badge{cursor:pointer;border:0}.label-editor{min-width:0}.label-editor>.label-chips{min-height:var(--ctl-h);padding:4px 6px;border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface)}.label-editor input[aria-label="新增标签"]{flex:1 1 100px;min-width:100px;border:0;outline:0;padding:3px 4px}.section-title{margin:0;font-size:var(--fs-title);font-weight:var(--fw-title)}.rule{display:flex;align-items:center;gap:8px;font-size:var(--fs-small);font-weight:var(--fw-head);color:var(--head-fg);padding:10px 12px 6px}.rule:after{content:"";flex:1 1;height:1px;background:var(--border)}.metrics{display:flex;flex-wrap:wrap;gap:10px}.metric{flex:1 1 150px;min-width:130px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:10px 12px}.metric span{display:block;font-size:var(--fs-small);color:var(--text-muted)}.metric strong{display:block;font-size:var(--fs-title);font-weight:var(--fw-title)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--ctl-h);padding:3px 12px;font:inherit;font-size:var(--fs-base);background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-btn);cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:#f6f8f9;text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{background:var(--disabled-bg);color:var(--disabled-fg);border-color:var(--border);cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn-quiet{background:transparent;border-color:transparent;color:var(--primary)}.btn-quiet:hover:not(:disabled){background:var(--info-bg)}.btn-sm{min-height:23px;padding:1px 8px;font-size:var(--fs-small)}.actions{display:inline-flex;align-items:center;gap:6px}.actions .sep{color:var(--border-strong)}input,select,textarea{font:inherit;font-size:var(--fs-base);color:var(--text);min-height:var(--ctl-h);padding:1px 7px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-input)}input:focus,select:focus,textarea:focus{outline:2px solid var(--side-marker);outline-offset:-1px;border-color:var(--primary)}input:disabled,select:disabled,textarea:disabled{background:var(--disabled-bg);color:var(--disabled-fg);cursor:not-allowed}textarea{min-height:60px;padding:5px 7px;resize:vertical}.field{display:inline-flex;flex-direction:column;gap:3px}.field>span{font-size:var(--fs-small);color:var(--text-muted)}.field[data-locked=true]>span{color:var(--disabled-fg)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:10px 16px;gap:10px 16px;padding:12px}.form-grid.unit-definition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.unit-definition-grid .field{min-width:0;gap:7px}.unit-field-help{margin:0;font-size:14px;line-height:1.7;color:var(--text-muted)}.unit-type-guide{margin:8px 12px 12px;padding-top:20px;border-top:1px solid var(--border)}.unit-type-guide h3{margin:0 0 12px;font-size:16px}.unit-type-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.unit-type-comparison>div{border:1px solid var(--border);border-radius:var(--r-card);padding:16px}.unit-type-comparison>div[data-selected=true]{border-color:var(--primary)}.unit-type-comparison p{margin:8px 0 0;font-size:14px;line-height:1.7;color:var(--text-muted)}@media (max-width:1100px){.form-grid.unit-definition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.form-grid.unit-definition-grid,.unit-type-comparison{grid-template-columns:minmax(0,1fr)}}.check{display:inline-flex;align-items:center;gap:6px;min-height:var(--ctl-h)}.table{width:100%;border-collapse:collapse}.table,.table thead th{font-size:var(--fs-base)}.table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--head-bg);color:var(--head-fg);font-weight:var(--fw-head);text-align:left;padding:10px;white-space:nowrap;border-bottom:1px solid var(--border)}.table tbody td{padding:10px;border-bottom:1px solid #eef1f3;vertical-align:middle}.table tbody tr:hover{background:#fafbfc}.table td small{display:block;font-size:var(--fs-small);color:var(--text-muted)}.table .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table .mono{font-family:var(--font-mono);font-size:var(--fs-small)}.sort{display:inline-flex;align-items:center;gap:4px;color:inherit;font:inherit;font-weight:var(--fw-head);background:none;border:0;padding:0;cursor:pointer}.sort:hover{color:var(--primary);text-decoration:none}.sort i{font-style:normal;font-size:10px}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:var(--r-pill);font-size:var(--fs-badge);font-weight:var(--fw-head);white-space:nowrap;background:var(--neutral-bg);color:var(--neutral-fg)}.badge[data-tone=ok]{background:var(--ok-bg);color:var(--ok-fg)}.badge[data-tone=warn]{background:var(--warn-bg);color:var(--warn-fg)}.badge[data-tone=error]{background:var(--error-bg);color:var(--error-fg)}.badge[data-tone=info]{background:var(--info-bg);color:var(--info-fg)}.dot{width:7px;height:7px;border-radius:50%;background:var(--neutral-fg);flex:none}.dot[data-tone=ok]{background:var(--ok-fg)}.dot[data-tone=warn]{background:var(--warn-fg)}.dot[data-tone=error]{background:var(--error-fg)}.notice{display:flex;align-items:flex-start;gap:9px;padding:9px 12px;border-radius:var(--r-pane);background:var(--info-bg);color:var(--info-fg);font-size:var(--fs-base)}.notice[data-tone=ok]{background:var(--ok-bg);color:var(--ok-fg)}.notice[data-tone=warn]{background:var(--warn-bg);color:var(--warn-fg)}.notice[data-tone=error]{background:var(--error-bg);color:var(--error-fg)}.notice strong{font-weight:var(--fw-head)}.notice p{margin:2px 0 0}.notice-actions{margin-left:auto;display:flex;gap:8px;flex:none}.tabs{display:flex;gap:2px;padding:0 12px;background:var(--surface);border-bottom:1px solid var(--border)}.tab{display:inline-flex;align-items:center;gap:6px;min-height:var(--tab-h);min-width:94px;padding:5px 14px;font:inherit;font-size:var(--fs-base);font-weight:var(--fw-tab);color:var(--text-muted);background:none;border:0;border-bottom:2px solid transparent;cursor:pointer}.tab:hover{color:var(--text);text-decoration:none}.tab[aria-current=true],.tab[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary)}.tab i{font-style:normal;font-size:var(--fs-small);opacity:.6}.filter-bar{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#fbfcfd;border-bottom:1px solid var(--border)}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.filter-row .grow{flex:1 1}.filter-search{display:flex;align-items:center;gap:6px}.filter-search input{min-width:240px}.filter-search kbd{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:0 4px;background:var(--surface)}.filter-count{font-size:var(--fs-small);color:var(--text-muted)}.filter-count strong{color:var(--text);font-weight:var(--fw-head)}.pager{display:flex;align-items:center;gap:6px;margin-left:auto}.pager .page-link{min-width:26px;min-height:23px;padding:0 6px;display:inline-grid;place-items:center;border:1px solid var(--border-strong);border-radius:var(--r-btn);background:var(--surface);color:var(--text);font-size:var(--fs-small)}.pager .page-link[aria-current=page]{background:var(--primary);color:#fff;border-color:var(--primary)}.pager .page-link[aria-disabled=true]{color:var(--disabled-fg);background:var(--disabled-bg);pointer-events:none}.pager .range{font-size:var(--fs-small);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty,.pager .range{color:var(--text-muted)}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 20px;text-align:center}.empty strong{color:var(--text);font-size:14px;font-weight:var(--fw-head)}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:340px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:22px 22px 20px;display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0;font-size:16px;font-weight:var(--fw-head);text-align:center}.login-card .field{display:flex}.login-card input{width:100%}.io-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:var(--gap-panel);gap:var(--gap-panel);align-items:start}@media (max-width:1366px){.io-layout{grid-template-columns:minmax(0,1fr)}}.row{align-items:center;gap:8px}.col,.row{display:flex}.col{flex-direction:column;gap:6px}.muted{color:var(--text-muted)}.small{font-size:var(--fs-small)}.mono{font-family:var(--font-mono)}.nums{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.spacer{flex:1 1}.scroll-x{overflow-x:auto}@media (prefers-reduced-motion:no-preference){.btn,.page-link,.side-link,.tab{transition:background-color .12s,color .12s,border-color .12s}}