:root{--bg:#f5f8fc;--card:#fff;--text:#162033;--muted:#718096;--line:#e7edf5;--blue:#1769ff;--blue2:#0e55d8;--green:#15a46f;--red:#dc3e52;--amber:#cc8a13;--shadow:0 10px 30px rgba(28,52,84,.07)}*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#0d1730;color:#c8d3e6;padding:26px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px}.brand.center{justify-content:center;margin-bottom:24px}.brandmark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#36a3ff,#645dff);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 8px 22px rgba(56,119,255,.35)}.brand b{display:block;color:#fff;font-size:16px;letter-spacing:.08em}.brand span{display:block;font-size:11px;color:#7f91b2;margin-top:3px}.sidebar nav{display:grid;gap:8px;margin-top:32px}.sidebar nav a,.logout{color:#aebbd0;text-decoration:none;padding:11px 13px;border-radius:10px}.sidebar nav a:hover,.logout:hover{background:#182544;color:#fff}.logout{margin-top:auto}.main{margin-left:230px;width:calc(100% - 230px);padding:34px}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:16px}.head h1{margin:0;font-size:26px}.head p{margin:7px 0 0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.stat{padding:20px}.stat span,.stat small{color:var(--muted);display:block}.stat b{font-size:31px;display:block;margin:8px 0 5px}.panel{overflow:auto;margin-bottom:20px}.panelhead,.formpanel{padding:18px}.panelhead h3,.formpanel h3{margin:0 0 14px}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:#6c7890;background:#f9fbfe;text-transform:none}tr:last-child td{border-bottom:0}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:12px}.strong{font-weight:700;color:#0d55c8}.sub{font-size:11px;color:var(--muted);margin-top:4px}.tag{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef3fa;color:#536178;font-size:11px}.tag.ok{background:#e9f8f2;color:var(--green)}.tag.warn{background:#fff5df;color:var(--amber)}.tag.bad{background:#ffedf0;color:var(--red)}.tag.muted{color:#7e8899}.empty{text-align:center!important;color:var(--muted);padding:35px!important}input,select{border:1px solid #dce5ef;border-radius:9px;background:#fff;padding:9px 10px;color:var(--text);outline:none;min-width:0}input:focus,select:focus{border-color:#7fb2ff;box-shadow:0 0 0 3px rgba(23,105,255,.09)}button{border:0;cursor:pointer;border-radius:9px;padding:9px 13px;font-weight:650}.primary{background:var(--blue);color:white}.primary:hover{background:var(--blue2)}.ghost{background:#eef4fb;color:#334862}.danger{background:#ffedf0;color:var(--red)}.smallbtn{padding:7px 9px;font-size:12px}.small{width:72px}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions form{margin:0}.gridform{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px}.gridform label,.loginbox label{display:grid;gap:6px;color:#5e6b7e;font-size:12px}.gridform button{align-self:end}.search{display:flex;gap:8px}.search input{min-width:300px}details{margin-top:8px}summary{cursor:pointer;color:#58708e;font-size:12px}.inlineedit{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.inlineedit input{width:145px}.loginbody{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#e8f2ff 0,#f6f8fc 38%,#eef3f8 100%)}.loginbox{width:min(410px,calc(100vw - 30px));background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 20px 60px rgba(31,61,97,.13);display:grid;gap:15px}.loginbox h2{text-align:center;margin:0 0 4px}.loginbox input{padding:12px}.alert{background:#fff0f2;color:#c73549;border-radius:9px;padding:10px}.loginbox button{padding:12px}.formpanel{overflow:visible}@media(max-width:900px){.sidebar{width:76px;padding:20px 10px}.brand>div:last-child,.sidebar nav a{font-size:0}.sidebar nav a:before{font-size:12px}.sidebar nav a:nth-child(1):before{content:"概览"}.sidebar nav a:nth-child(2):before{content:"群组"}.sidebar nav a:nth-child(3):before{content:"入口"}.sidebar nav a:nth-child(4):before{content:"服务器"}.sidebar nav a:nth-child(5):before{content:"成员"}.sidebar nav a:nth-child(6):before{content:"日志"}.main{margin-left:76px;width:calc(100% - 76px);padding:20px}.cards{grid-template-columns:1fr}.gridform{grid-template-columns:1fr}.head{align-items:stretch;flex-direction:column}.search input{min-width:0;flex:1}}
.manualport{display:flex!important;gap:4px}.manualport input{width:88px;padding:6px 7px;font-size:12px}