:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#262626;background:#f5f5f5;font-size:14px;line-height:1.5715;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#1677ff;text-decoration:none}button,input,select{font:inherit}button{height:32px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#262626;padding:3px 13px;cursor:pointer;white-space:nowrap}button:hover{border-color:#4096ff;color:#1677ff}button:disabled{color:#bfbfbf;background:#fafafa;border-color:#d9d9d9;cursor:not-allowed}.primary{background:#1677ff;color:#fff;border-color:#1677ff}.primary:hover{background:#4096ff;color:#fff}.danger{color:#ff4d4f}.link{border:0;background:transparent;color:#1677ff;padding:0 7px}.small{font-size:12px;height:26px;padding:1px 7px}input,select{height:32px;border:1px solid #d9d9d9;border-radius:4px;padding:4px 10px;background:#fff;max-width:100%}input:focus,select:focus{outline:2px solid #bae0ff;border-color:#1677ff}input[type=checkbox]{height:15px;width:15px;accent-color:#1677ff;vertical-align:middle}aside{position:fixed;inset:0 auto 0 0;width:216px;background:#fff;border-right:1px solid #f0f0f0;display:flex;flex-direction:column}.brand{font-size:17px;font-weight:600;color:#141414;white-space:nowrap}aside .brand{height:64px;padding:18px 22px;border-bottom:1px solid #f0f0f0}.brand span{font-weight:400}nav{padding:16px 8px;display:grid;gap:4px}nav a{height:40px;color:#595959;padding:8px 16px;border-radius:4px}nav a:hover{background:#fafafa}nav a.active{background:#e6f4ff;color:#1677ff}footer{margin-top:auto;padding:16px;font-size:12px;color:#8c8c8c;border-top:1px solid #f0f0f0}footer span{float:right}.workspace{margin-left:216px}header{height:64px;background:#fff;border-bottom:1px solid #f0f0f0;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.header-right{display:flex;gap:20px;align-items:center}main{padding:24px 28px}h1{font-size:22px;font-weight:600;line-height:1.4;margin:0 0 6px}h2{font-size:16px;font-weight:600;margin:0}p{margin:6px 0 18px}.muted{color:#8c8c8c;font-size:13px}.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px}.actions{display:flex;gap:8px;align-items:center}.toolbar{padding:0 0 12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;background:#fff;font-size:13px}th{background:#fafafa;font-weight:600;color:#595959;white-space:nowrap;padding:13px 16px;border-bottom:1px solid #f0f0f0}td{padding:13px 16px;border-bottom:1px solid #f0f0f0;vertical-align:middle}tbody tr:hover{background:#fafafa}td .muted{font-size:12px;display:block}td.name{font-weight:500}.empty{text-align:center;padding:28px 16px;color:#8c8c8c}.empty strong{display:block;color:#595959;font-size:14px;margin-bottom:6px}.pagination{padding:14px 16px;display:flex;justify-content:flex-end;align-items:center;gap:14px;color:#8c8c8c;font-size:13px}.tag{display:inline-block;padding:0 7px;font-size:12px;line-height:22px;border:1px solid #d9d9d9;border-radius:4px;color:#595959;background:#fafafa;white-space:nowrap}.green{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.blue{background:#e6f4ff;border-color:#91caff;color:#1677ff}.orange{background:#fff7e6;border-color:#ffd591;color:#d46b08}.red{background:#fff2f0;border-color:#ffccc7;color:#cf1322}.endpoint{max-width:280px;overflow-wrap:anywhere;font-size:12px}.key-value{font-family:ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere;font-size:12px;display:block;max-width:400px}.key-box{min-width:205px}.key-actions{display:flex;gap:4px;margin-top:4px}dialog{border:1px solid #d9d9d9;border-radius:6px;width:840px;max-width:calc(100vw - 40px);padding:0;max-height:85vh;color:#262626}dialog::backdrop{background:#0006}.modal-header{padding:16px 22px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:white;z-index:1}#modal-body{padding:22px}label{display:block;margin:0 0 16px}label input{display:block;width:100%;margin-top:6px}.auth{min-height:100vh;display:flex;justify-content:center;align-items:center}.auth-box{width:400px;background:#fff;border:1px solid #f0f0f0;border-radius:4px;padding:32px}.auth-box .brand{margin-bottom:26px}.auth-box h1{font-size:20px}.auth-box button{width:100%}.setup{width:520px;margin:32px 0}.error{background:#fff2f0;border:1px solid #ffccc7;color:#cf1322;padding:10px 14px;border-radius:4px}.notice{padding:12px 16px;background:#e6f4ff;border:1px solid #91caff;border-radius:4px;margin-bottom:16px}.settings{max-width:760px;padding:0;margin-bottom:24px}.settings h2{margin-bottom:16px}.settings label{display:flex;align-items:center;justify-content:space-between;gap:20px}.settings input{width:360px}pre{font-size:12px;background:#fafafa;border:1px solid #f0f0f0;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto}details{margin-top:14px}summary{cursor:pointer;color:#1677ff}dl{display:grid;grid-template-columns:140px 1fr;gap:12px}dt{color:#8c8c8c}dd{margin:0;overflow-wrap:anywhere}#toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);padding:10px 18px;background:#fff;border:1px solid #d9d9d9;box-shadow:0 3px 10px #0001;border-radius:4px;z-index:100;max-width:80vw}.device-code{font:600 24px ui-monospace,monospace;letter-spacing:3px;margin:18px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters input{width:145px}@media(max-width:1100px){aside{width:180px}.workspace{margin-left:180px}aside .brand{font-size:14px;padding-left:14px}main{padding:20px}}@media(max-width:700px){aside{width:128px}aside .brand{font-size:12px;padding:20px 6px}nav a{padding-left:10px;font-size:12px}.workspace{margin-left:128px}header{padding:12px;height:auto}.header-right .muted{display:none}main{padding:16px 10px}.title-row{align-items:flex-start;flex-direction:column}.settings label{display:block}footer{font-size:10px;padding:8px}.auth-box{max-width:94vw}.settings input{width:100%}}
/* Refinement of the existing visual system: compact tables and contextual detail. */
[hidden]{display:none!important}header,aside .brand{height:58px}.muted,dt,.pagination{color:#666}.ellipsis,.endpoint{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}td{padding:9px 12px;height:56px}td>.link:first-child{padding-left:0;max-width:230px;overflow:hidden;text-overflow:ellipsis}.small{height:30px}.selection-bar{padding:10px 16px;background:#e6f4ff;border-block:1px solid #bae0ff;display:flex;align-items:center;gap:10px}.entity-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:660px;max-width:100vw;max-height:100vh;height:100vh;border-radius:0;border-width:0 0 0 1px}.entity-drawer::backdrop{background:#0002}.entity-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:18px}.entity-tabs button{border:0;padding:4px 9px}.entity-tabs [aria-selected=true]{color:#1677ff;background:#e6f4ff}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #1677ff;outline-offset:2px}.key-box{min-width:180px}.key-value{max-width:260px}.title-row{margin-bottom:16px}.pagination{flex-wrap:wrap}.settings select{max-width:100%}@media(max-width:700px){aside{width:112px}.workspace{margin-left:112px}header{gap:8px;flex-wrap:wrap;height:auto;min-height:58px}.header-right{gap:8px}.entity-drawer{width:100vw}#modal-body{padding:16px}dl{grid-template-columns:100px 1fr}.toolbar>input{width:100%}}
.summary-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:4px 0;border-bottom:1px solid #e8e8e8}.summary-bar button{color:#595959}.summary-bar strong{color:#262626;margin-left:4px}.skeleton{padding:16px 0;color:#666}#diagnostic-result summary{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #eee}
td>.link:first-child{height:22px;line-height:22px}.entity-tabs{scrollbar-width:thin}

/* Sections follow content relationships; table rows provide the separation. */
.data-list{margin-bottom:24px}.data-section{margin-bottom:24px}.data-section>h2{margin-bottom:10px}
.detail-section{padding:12px 0;border-bottom:1px solid #e8e8e8}.detail-section:last-child{border-bottom:0}
.task-row{padding:10px 0;border-bottom:1px solid #e8e8e8}.task-heading{display:flex;align-items:center;gap:8px}.task-account{flex:1;min-width:0;overflow-wrap:anywhere}.task-row p{margin:8px 0}.task-row details{margin-top:8px}
.settings>h2{margin:24px 0 12px}.settings>h2:first-child{margin-top:0}.settings>dl{margin:12px 0}.settings code{font-size:12px;overflow-wrap:anywhere}.auth-box h1{margin-bottom:20px}
.title-row p{margin:4px 0 0}.title-row .cache-note{font-size:12px}.summary-bar{margin-bottom:12px}.pagination{padding-inline:0}
td:has(.key-box),td:has(.endpoint){padding-block:4px}.key-value{line-height:18px}.key-actions{margin-top:0;align-items:center}.key-actions select{height:28px;font-size:12px;padding:2px 6px}.key-actions .small{height:28px}.key-box{min-width:148px}.key-box [data-key-status]:empty{display:none}
.entity-drawer .data-section th,.entity-drawer .data-section td{padding-inline:8px}.entity-drawer .endpoint{max-width:180px}.entity-drawer .key-box{min-width:140px}
.setup table{margin:14px 0}.setup table td{height:36px;padding:6px 12px}.setup-help{margin:10px 0;color:#595959;font-size:13px;line-height:1.6}.setup form{margin-top:20px}

/* 全站显示模式：默认跟随系统，也可由管理员固定为浅色或深色。 */
:root{color-scheme:light;--ui-bg:#f5f5f5;--ui-panel:#fff;--ui-subtle:#fafafa;--ui-text:#262626;--ui-heading:#141414;--ui-muted:#666;--ui-border:#e8e8e8;--ui-hover:#fafafa;--ui-selected:#e6f4ff;--ui-code:#fafafa;--ui-shadow:#0001}
:root[data-theme=dark]{color-scheme:dark;--ui-bg:#111315;--ui-panel:#1b1e22;--ui-subtle:#22262b;--ui-text:#e6e8eb;--ui-heading:#f5f6f7;--ui-muted:#9da4ad;--ui-border:#343941;--ui-hover:#24282e;--ui-selected:#123b61;--ui-code:#15181c;--ui-shadow:#0008}
@media(prefers-color-scheme:dark){:root[data-theme=auto]{color-scheme:dark;--ui-bg:#111315;--ui-panel:#1b1e22;--ui-subtle:#22262b;--ui-text:#e6e8eb;--ui-heading:#f5f6f7;--ui-muted:#9da4ad;--ui-border:#343941;--ui-hover:#24282e;--ui-selected:#123b61;--ui-code:#15181c;--ui-shadow:#0008}}
:root{background:var(--ui-bg);color:var(--ui-text)}body{background:var(--ui-bg);color:var(--ui-text)}aside,header,table,.auth-box,dialog,.modal-header,#toast{background:var(--ui-panel);color:var(--ui-text)}aside,aside .brand,footer,header,th,td,dialog,.modal-header,pre,.summary-bar,.detail-section,.task-row,.entity-tabs,#diagnostic-result summary{border-color:var(--ui-border)}.brand,.summary-bar strong,.empty strong{color:var(--ui-heading)}nav a{color:var(--ui-muted)}nav a:hover,tbody tr:hover{background:var(--ui-hover)}nav a.active,.entity-tabs [aria-selected=true],.selection-bar{background:var(--ui-selected)}button,input,select{background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-border)}button:disabled{background:var(--ui-subtle);border-color:var(--ui-border);color:var(--ui-muted)}th,.tag,pre{background:var(--ui-subtle)}th,.muted,dt,.pagination,.setup-help,.skeleton{color:var(--ui-muted)}pre{border-color:var(--ui-border)}#toast{box-shadow:0 3px 14px var(--ui-shadow)}
@media(max-width:700px){#theme-button{font-size:0;width:34px;padding:0}#theme-button::after{content:'◐';font-size:16px}.header-right{gap:6px}}
.brand-logo{width:28px;height:28px;display:inline-block;vertical-align:middle;margin-right:9px;flex:none}.brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.auth-box .brand,aside .brand{display:flex;align-items:center}aside .brand{padding-inline:16px;overflow:hidden}.footer-name{float:none;display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
