:root{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#25262b;background:#e9ebef}*{box-sizing:border-box}body{margin:0;min-width:960px}.app-shell{min-height:100vh;background:#f7f8fa}.topbar{height:76px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid #e5e7ec;background:#fff}.brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#fff;background:#24252a}.top-tabs{display:flex;gap:4px;margin:auto;padding:5px;border-radius:20px;background:#eff0f4}.top-tab{border:0;padding:9px 16px;border-radius:16px;background:transparent;color:#5c606a;font:14px inherit;cursor:pointer}.top-tab.is-active{background:#fff;color:#25262b;box-shadow:0 1px 4px #1f243114}.top-actions{display:flex;align-items:center;gap:10px}.contact-button,.icon-button{border:0;background:#f0f1f4;color:#555963;font:13px inherit;cursor:pointer}.contact-button{height:38px;padding:0 16px;border-radius:20px}.icon-button{height:38px;width:38px;border-radius:50%;font-size:18px}.workspace{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 76px)}.sidebar{padding:24px 14px;border-right:1px solid #e7e9ee;background:#fafbfc}.sidebar-label{margin:0 10px 10px;color:#9296a0;font-size:12px}.nav-group{margin-bottom:5px}.nav-parent,.nav-item{width:100%;border:0;background:transparent;color:#4f535d;text-align:left;font:14px inherit;cursor:pointer}.nav-parent{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:10px;font-weight:600}.nav-parent span{font-size:18px;color:#969aa3;transition:transform .15s}.nav-parent[aria-expanded="true"] span{transform:rotate(90deg)}.nav-parent.is-active{background:#ebeefd;color:#4449a8}.nav-children{padding:4px 0 6px 16px}.nav-item{padding:9px 12px;border-radius:8px;font-size:13px}.nav-item:hover{background:#f0f1f5}.nav-item.is-selected{background:#fff;color:#343993;font-weight:600;box-shadow:0 1px 3px #1f24310d}.page-frame{width:100%;height:calc(100vh - 76px);border:0;background:#f4f5f7}body.dark{color:#ebecf1;background:#191a1f}body.dark .app-shell{background:#202127}body.dark .topbar{background:#292a31;border-color:#3b3c45}body.dark .brand-mark{background:#e8e9ee;color:#22232a}body.dark .top-tabs{background:#373840}body.dark .top-tab{color:#c5c6ce}body.dark .top-tab.is-active{background:#4a4b55;color:#fff;box-shadow:none}body.dark .contact-button,body.dark .icon-button{background:#3c3d46;color:#e4e5eb}body.dark .sidebar{background:#27282f;border-color:#3b3c44}body.dark .sidebar-label{color:#979aa5}body.dark .nav-parent,body.dark .nav-item{color:#d0d1d8}body.dark .nav-parent.is-active{background:#3b3d62;color:#e3e4ff}body.dark .nav-item:hover{background:#35363e}body.dark .nav-item.is-selected{background:#41424c;color:#e4e5ff;box-shadow:none}body.dark .page-frame{background:#202127}

.settings-dialog{width:min(560px,calc(100vw - 40px));padding:0;border:0;border-radius:18px;color:#292a30;background:#fff;box-shadow:0 25px 70px #17191f4d}.settings-dialog::backdrop{background:#16182073}.settings-dialog form{padding:24px}.settings-head{display:flex;justify-content:space-between;gap:20px}.settings-head h2{margin:0 0 7px;font-size:18px}.settings-head p,.settings-help{margin:0;color:#7b7f89;font-size:12px;line-height:1.6}.dialog-close{width:32px;height:32px;border:0;border-radius:50%;background:#f0f1f4;color:#676b74;font-size:21px;cursor:pointer}.settings-tabs{display:flex;gap:6px;margin:22px 0 18px;padding:4px;background:#f1f2f5;border-radius:11px}.settings-tab{flex:1;border:0;border-radius:8px;padding:9px 8px;background:transparent;color:#656974;font:13px inherit;cursor:pointer}.settings-tab.is-active{background:#fff;color:#363942;box-shadow:0 1px 3px #1f243112}.settings-panel h3{margin:0 0 5px;font-size:15px}.settings-panel label,.endpoint-field>span{display:block;margin-top:16px;color:#555963;font-size:12px;font-weight:600}.node-switch{display:flex;gap:7px;margin-top:7px}.node-option{padding:8px 12px;border:1px solid #dfe1e7;border-radius:8px;color:#666a74;background:#fff;font:12px inherit;cursor:pointer}.node-option.is-selected{border-color:#7479e5;background:#f0f1ff;color:#3d429e}.settings-panel input{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #dfe1e7;border-radius:9px;color:#2f3137;background:#fff;font:13px inherit}.settings-panel input[readonly]{color:#737782;background:#f6f7f9}.settings-panel input:focus{outline:2px solid #8589e955;border-color:#7479e5}.settings-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.settings-footer span{font-size:12px;color:#6d72ba}.save-settings{border:0;border-radius:9px;padding:10px 17px;background:#28292f;color:#fff;font:13px inherit;cursor:pointer}body.dark .settings-dialog{color:#e8e9ee;background:#2a2b33}body.dark .dialog-close,body.dark .settings-tabs{background:#3b3c45;color:#d6d7df}body.dark .settings-tab{color:#c3c5ce}body.dark .settings-tab.is-active{background:#4a4b55;color:#fff;box-shadow:none}body.dark .settings-head p,body.dark .settings-help{color:#aeb0b9}body.dark .settings-panel label,body.dark .endpoint-field>span{color:#d8d9df}body.dark .settings-panel input,body.dark .node-option{background:#34353e;border-color:#4d4f5a;color:#f0f1f4}body.dark .settings-panel input[readonly]{background:#303139;color:#b8bac3}body.dark .node-option.is-selected{background:#41436f;border-color:#777ce9;color:#ececff}