:root{--bg: #f5f7f8;--panel: #ffffff;--text: #172026;--muted: #64717a;--line: #dbe2e6;--accent: #0f766e;--accent-dark: #115e59;--danger: #b42318;--shadow: 0 8px 24px rgba(20, 32, 38, .08)}*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%}body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{min-height:44px;border:0;border-radius:8px;background:var(--accent);color:#fff;padding:0 16px;font-weight:700;cursor:pointer}button:hover{background:var(--accent-dark)}button.ghost{width:100%;margin-top:16px;background:transparent;color:var(--text);border:1px solid var(--line)}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:24px;border-right:1px solid var(--line);background:#edf3f1;overflow:auto}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--accent);color:#fff;font-weight:800}h1,h2,h3,p{margin:0}h1{font-size:20px;line-height:1.25}h2{font-size:20px;line-height:1.3}h3{font-size:16px;line-height:1.35}.brand p,.muted{color:var(--muted);font-size:13px;margin-top:4px}.tabs{display:grid;gap:16px}.nav-group{display:grid;gap:6px}.nav-title{padding:0 16px;color:var(--muted);font-size:12px;font-weight:800}.tab{width:100%;justify-content:flex-start;background:transparent;color:var(--text);border:1px solid transparent;text-align:left}.subtab{min-height:40px;padding-left:22px;font-size:14px}.tab.is-active{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)}.main{min-width:0;padding:24px}.view{display:none}.view.is-active{display:grid;gap:18px}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:var(--shadow)}.login{max-width:560px}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form{display:grid;gap:12px;margin-top:16px}.form.compact{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.hint{color:var(--muted);font-size:12px;font-weight:500;line-height:1.45}.checkline{display:flex;grid-template-columns:none;align-items:center;gap:10px;color:var(--text)}.checkline input{width:18px;min-height:18px}.checkline>span{display:grid;gap:2px}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:10px 12px}select[multiple]{min-height:48px;padding:8px}select[multiple] option{padding:7px 8px;border-radius:6px}textarea{resize:vertical;min-height:96px}.entity-picker{position:relative;width:100%}.entity-picker-input{padding-right:36px}.entity-picker-menu{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:6px}.entity-picker-option{display:grid;gap:3px;width:100%;min-height:0;padding:10px;border-radius:6px;background:transparent;color:var(--text);text-align:left}.entity-picker-option:hover,.entity-picker-option:focus{background:#edf3f1;color:var(--text)}.entity-picker-option strong{overflow-wrap:anywhere;font-size:13px}.entity-picker-option span,.entity-picker-empty{color:var(--muted);font-size:12px;font-weight:600;overflow-wrap:anywhere}.entity-picker-empty{padding:10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.metric strong{display:block;font-size:24px;line-height:1.2;margin-top:6px}.list{display:grid;gap:10px}.item{display:grid;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}.item.is-clickable{cursor:pointer}.item.is-clickable:hover,.item.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #0f766e1f}.item header{display:flex;gap:10px;justify-content:space-between;align-items:start}.item-title{display:flex;min-width:0;align-items:center;gap:8px}.item code{overflow-wrap:anywhere;color:var(--accent-dark);font-weight:700}.kv{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.kv span{padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:#f8faf9}.chip{display:inline-flex;max-width:100%;align-items:center;gap:6px;overflow-wrap:anywhere}.status-badge{flex:0 1 auto;max-width:44%;padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800;line-height:1.35;text-align:center;overflow-wrap:anywhere}.status-badge.tone-success,.kv .chip.tone-success{border-color:#86efac;background:#ecfdf3;color:#166534}.status-badge.tone-amber,.kv .chip.tone-amber{border-color:#fcd34d;background:#fffbeb;color:#92400e}.status-badge.tone-danger,.kv .chip.tone-danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}.status-badge.tone-blue,.kv .chip.tone-blue{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.status-badge.tone-purple,.kv .chip.tone-purple{border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}.status-badge.tone-neutral,.kv .chip.tone-neutral{border-color:#d4dce2;background:#f8fafc;color:#475569}.account-flow{display:grid;gap:6px}.account-line{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#f8faf9;padding:8px 10px}.account-line span{color:var(--muted);font-size:12px;font-weight:800}.account-line strong{overflow-wrap:anywhere;color:var(--text);font-size:13px}.account-line.tone-blue{border-color:#bfdbfe;background:#eff6ff}.account-line.tone-blue strong{color:#1d4ed8}.account-line.tone-purple{border-color:#ddd6fe;background:#f5f3ff}.account-line.tone-purple strong{color:#6d28d9}.account-line.tone-neutral{border-color:#d4dce2;background:#f8fafc}.copy-inline{min-height:24px;flex:0 0 auto;padding:0 8px;border-radius:6px;font-size:12px;font-weight:800}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.row-actions button{min-height:38px;padding:0 12px}.edit-panel{border-color:#0f766e52}.switch{position:relative;display:inline-flex;align-items:center;width:46px;height:26px}.switch input{position:absolute;opacity:0;width:1px;height:1px}.slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#cbd5dc;transition:background .15s ease}.slider:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #1420263d;transition:transform .15s ease}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(20px)}.switch input:disabled+.slider{opacity:.55;cursor:not-allowed}.result{display:none;margin:0;max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#101820;color:#e8f2ef;border-radius:8px;padding:14px;font-size:13px}.result:not(:empty){display:block}.result.is-token-result{max-height:none;background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);white-space:normal}.result.is-detail{background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);max-height:none;white-space:normal}.token-result{display:grid;gap:14px}.token-result-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.token-result-head p{margin-top:4px;color:var(--muted);font-size:13px}.token-copy-state{border:1px solid #99f6e4;border-radius:8px;background:#ecfdf5;color:#065f46;padding:10px 12px;font-size:13px;font-weight:800}.token-plain{margin:0}.token-plain textarea{min-height:72px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#064e3b;background:#ecfdf5;border-color:#99f6e4}.token-warning{border:1px solid #f59e0b;border-radius:8px;background:#fff7ed;color:#92400e;padding:10px 12px;font-size:13px;font-weight:700}.token-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.token-kv{display:grid;gap:4px;min-width:0;border:1px solid var(--line);border-radius:8px;background:#f8faf9;padding:10px 12px}.token-kv span{color:var(--muted);font-size:12px;font-weight:800}.token-kv strong{overflow-wrap:anywhere;font-size:13px}.token-related{display:grid;gap:10px}.subject-keys{display:grid;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.subject-keys-head p{margin-top:4px;color:var(--muted);font-size:13px}.subject-key-form{padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8faf9}.subject-key-list{margin-top:2px}.subject-key-result{max-height:none}.detail-view{display:grid;gap:14px}.detail-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-field{margin:0;padding:8px;border:1px solid transparent;border-radius:8px}.detail-field span{color:var(--muted);font-size:12px;font-weight:800}.detail-field-wide{grid-column:1 / -1}.detail-field-check{display:flex;align-items:center;justify-content:space-between;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.detail-field-check input{width:18px;min-height:18px}.detail-form input,.detail-form textarea,.detail-form select{background:#f8faf9}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.copy-field .copy-inline{min-height:44px}.reference-field{display:grid;gap:6px;min-height:44px;border:1px dashed var(--line);border-radius:8px;background:#eef2f4;padding:9px 10px}.reference-field strong{color:var(--text);font-size:14px;overflow-wrap:anywhere}.reference-field span{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:12px}.reference-field code{overflow-wrap:anywhere}.detail-field.is-editable input,.detail-field.is-editable textarea,.detail-field.is-editable select{background:#fff}.detail-field.is-readonly input,.detail-field.is-readonly textarea,.detail-field.is-readonly select{opacity:1;color:#5f6b73;-webkit-text-fill-color:#5f6b73;background:#eef2f4;border-style:dashed;cursor:not-allowed}.detail-field.is-dirty{border-color:#f59e0b;background:#fff7ed}.detail-field.is-dirty span:first-child:after{content:" 已修改";color:#b45309;font-weight:800}.detail-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding-top:4px}.detail-actions .ghost{width:auto;margin-top:0}.detail-dirty{margin-right:auto;color:var(--muted);font-size:13px;font-weight:700}.compact-action{min-height:38px;padding:0 14px}.detail-form.is-saving{opacity:.72}.detail-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;align-items:center;justify-items:center;padding:20px;background:#10182075}.detail-modal-backdrop[hidden]{display:none}.detail-modal{width:min(920px,100%);max-height:min(760px,calc(100vh - 40px));display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 24px 80px #10182047;padding:16px}.detail-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-modal-head h2{margin:0;font-size:18px}.detail-modal .result{display:block;min-height:0;max-height:none;overflow:auto}.error{color:var(--danger)}@media (max-width: 860px){.shell{display:block}.side{position:relative;height:auto;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin-bottom:14px}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.nav-group{display:flex;gap:8px}.nav-title{display:none}.tab{width:auto;white-space:nowrap}.subtab{padding-left:16px}.main{padding:16px}.item header{flex-direction:column;align-items:stretch}.status-badge{max-width:100%;width:fit-content}.account-line{grid-template-columns:64px minmax(0,1fr)}.account-line .copy-inline{grid-column:2;width:fit-content}.split,.metrics,.form.compact,.detail-form,.token-meta{grid-template-columns:1fr}.detail-modal-backdrop{padding:10px}.detail-modal{max-height:calc(100vh - 20px);padding:12px}.token-result-head{flex-direction:column}.toolbar{align-items:stretch;flex-direction:column}.panel{padding:16px}}:root{--accent: #7c3aed;--accent-dark: #6d28d9}.side{background:#f3f0fb}