:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#24334b;background:#f3f6fa;font-synthesis:none;--blue:#2864dc;--line:#dde5ef}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid var(--line);padding:18px max(20px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}header>div{display:flex;align-items:center;gap:12px}header strong{font-size:21px;white-space:nowrap}header small{color:#8490a3}.brand{background:#243c60;color:#fff;padding:8px;border-radius:8px;font-weight:750;letter-spacing:-1px}main{max-width:1140px;margin:25px auto;padding:0 20px}h1{font-size:27px;line-height:1.4}h2{font-size:18px;margin:0 0 22px}p{line-height:1.75}button,input,select,textarea{font:inherit}button{border:1px solid transparent;border-radius:8px;padding:11px 17px;background:var(--blue);color:white;cursor:pointer;white-space:nowrap;font-size:14px;font-weight:600;min-height:43px}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#fff;color:#27496f;border-color:var(--line)}button.quiet{background:transparent;color:#476381;padding:9px}.card{background:white;border:1px solid #e8edf4;border-radius:14px;padding:24px;margin-bottom:18px;box-shadow:0 3px 14px #20355603}.narrow{max-width:460px;margin:10vh auto}.eyebrow{font-size:12px;letter-spacing:2px;color:#71839b}label{display:block;color:#45576f;font-size:13px;margin-bottom:17px}input,select,textarea{width:100%;margin-top:7px;border:1px solid #d7e0eb;border-radius:7px;background:#fff;padding:11px 12px;color:#21334c;min-width:0;font-size:15px;min-height:44px}textarea{resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{outline:2px solid #b6cef9;border-color:#719dec}input:disabled{background:#f2f4f7;color:#8190a3}.row{display:flex;gap:10px;align-items:center}.row input{margin:0}.row label{min-width:0}.row label input{margin-top:7px}.grow{flex:1;min-width:0}.port{width:120px}.spread{justify-content:space-between}.end{justify-content:flex-end}.full{width:100%}.serverbar{display:flex;gap:10px;align-items:center}.serverbar label{margin:0}.serverbar select{font-weight:600;max-width:410px}.hint{color:#7c899c;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.serverbar .hint{display:block;margin-top:7px}.columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:20px}aside .card{position:sticky;top:20px}.preview-note p{color:#718099;font-size:14px}.preview-note h2{margin-top:15px}i{font-style:normal;font-size:12px;color:var(--blue);background:#eef4ff;border-radius:5px;padding:6px;margin-right:10px}nav{display:flex;border-bottom:1px solid var(--line);gap:22px;margin:5px 0 22px}nav button{color:#8190a2;border-radius:0;background:transparent;padding:13px 3px;border-bottom:3px solid transparent}nav button.active{color:var(--blue);border-bottom-color:var(--blue)}.item-name{background:#f4f8fe;padding:13px;border-radius:7px;color:#3464a0;margin:-2px 0 18px;font-size:14px}.check{display:flex;align-items:center;gap:10px;margin:12px 0}.check input{width:17px;min-height:17px;margin:0;accent-color:var(--blue)}details{margin:18px 0 8px;border-top:1px solid #edf0f5;padding-top:15px}summary{font-size:13px;color:#73869c;cursor:pointer}details label:first-of-type{margin-top:15px}footer{display:flex;justify-content:space-between;align-items:center;color:#8d99ac;font-size:12px;margin:25px 0}dialog{max-width:560px;width:calc(100vw - 32px);border:0;border-radius:14px;padding:26px;color:#24334b;box-shadow:0 14px 90px #192a4940;max-height:90dvh;overflow:auto}dialog::backdrop{background:#10243a65}dialog p{font-size:14px}code{display:block;background:#f3f6fa;padding:15px;overflow-wrap:anywhere;margin-bottom:20px}dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px 12px;font-size:14px;line-height:1.7}dt{color:#7c899c}dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.record{padding:18px 0;border-bottom:1px solid #e8edf4}.record p{margin:6px 0;font-size:14px}.record .row{flex-wrap:wrap}.badge{padding:3px 8px;background:#edf7f3;color:#2d8060;border-radius:5px;font-size:12px}.muted{color:#8490a3}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#253b58;color:#fff;padding:14px 20px;box-shadow:0 4px 24px #14273c30;border-radius:9px;max-width:min(92vw,760px);white-space:pre-wrap;z-index:20;font-size:14px}#notice.error{background:#922e3d}[hidden]{display:none!important}@media(max-width:720px){header{padding:14px 16px}header small{display:none}main{padding:0 12px;margin-top:15px}.columns{display:block}.card{padding:20px 17px;border-radius:11px}.serverbar{flex-wrap:wrap;padding:14px}.serverbar .grow{flex-basis:100%}.serverbar button{flex:1}nav{justify-content:space-around;gap:12px}.preview-note{position:static!important}dialog{padding:22px}.spread{flex-wrap:wrap}h1{font-size:24px}.narrow{margin-top:7vh}.row{gap:8px}button{padding:10px 12px}footer{align-items:flex-start;gap:10px}dl{grid-template-columns:86px minmax(0,1fr)}}