:root{color-scheme:light;--primary:#3266e8;--ink:#1e293b;--muted:#718096;--line:#e5eaf1;--bg:#f5f7fb}
*{box-sizing:border-box}body{margin:0;background:var(--bg)!important;background-image:none!important;color:var(--ink)!important;font:14px/1.65 "Microsoft YaHei","PingFang SC",system-ui,sans-serif}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}button,a.button,.primary{background:var(--primary)!important;background-image:none!important;color:#fff!important;border:1px solid transparent!important;border-radius:8px!important;box-shadow:none!important;padding:10px 18px;cursor:pointer;transition:background .15s}button:hover,a.button:hover{filter:brightness(.96)}input,select,textarea{background:#fff!important;color:var(--ink)!important;border:1px solid #dce3ed!important;border-radius:7px!important;padding:10px 12px;outline:none;max-width:100%}input:focus,select:focus,textarea:focus{border-color:#7c9df4!important;box-shadow:0 0 0 3px #3266e812!important}h1,h2,h3{color:var(--ink)!important;font-family:inherit!important;letter-spacing:0!important;text-shadow:none!important}h1{font-size:25px!important;font-weight:650!important;line-height:1.4}h2{font-size:17px!important;font-weight:600!important}label{color:#556174!important}p{margin-top:0}.muted,.small,.subtitle{color:var(--muted)!important}.small{font-size:12px}.web-nav{height:76px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1280px)/2));gap:24px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:18px;font-weight:650;white-space:nowrap}.brand-mark{width:36px;height:36px;border-radius:11px;background:#eaf0ff;color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.web-nav nav{display:flex;align-items:center;gap:26px;font-size:13px}.web-nav nav>a{color:#667085}.web-nav nav>a:hover{color:var(--primary)}.web-nav form{margin:0}.nav-logout{background:#f3f5fa!important;color:#58667e!important;padding:7px 13px!important;font-size:12px}
.shell{max-width:1280px;margin:28px auto;background:white!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:0 6px 24px #24324b04!important;overflow:hidden}.top{background:white!important;background-image:none!important;border-color:var(--line)!important;padding:25px 28px!important}.top:after{display:none}.top h2{font-size:21px!important}.top p{color:var(--muted)!important;letter-spacing:0!important;margin-top:5px}.online{background:#edf9f2!important;color:#388060!important;border:0!important;border-radius:20px!important;font-size:12px;padding:5px 12px}.layout{grid-template-columns:222px 1fr!important;min-height:660px}aside{background:#fafbfd!important;background-image:none!important;border-color:var(--line)!important;padding:25px 16px!important}aside .caption{color:#8a96a7!important;font-size:11px;letter-spacing:.5px!important}#search{background:white!important;color:var(--ink)!important;border-color:var(--line)!important;width:100%}.server-item{color:#576479!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;padding:13px 11px!important}.server-item .index{color:#a0aaba!important}.server-item.selected{background:#ecf2ff!important;border-color:#e1e9ff!important;color:var(--primary)!important}.server-item:hover{background:#f0f4fa!important}aside .add{background:white!important;color:var(--primary)!important;border:1px dashed #cad7f2!important;border-radius:8px!important}.content{background:white!important;background-image:none!important;padding:30px!important}.crumb{color:#8794a6!important}.panel{background:white!important;background-image:none!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important;padding:22px!important;margin-bottom:18px}.panel h2{color:var(--ink)!important}.section-title{border-color:var(--line)!important}.notice{background:#f0f5ff!important;border:1px solid #e2eaff!important;color:#526991!important;border-radius:8px!important;padding:12px 16px!important;line-height:1.85}.explain{background:#f7f9fc!important;color:#64748b!important;border:1px solid #eef1f6!important;border-radius:8px!important}.tag{background:#f1f4f9!important;border:0!important;color:#72809a!important;border-radius:5px!important}.foot{border-color:var(--line)!important}.foot a{color:#7e8ba2!important}.packet-main{max-width:1180px;margin:28px auto;background:white!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:30px}.subnav{border-color:var(--line)!important;flex-wrap:wrap;gap:18px}.subnav a{color:#7c8ba1}.tabs a{border-color:var(--line)!important;color:#7c8ba1!important;border-radius:7px!important}.tabs a.active{background:#ecf2ff!important;color:var(--primary)!important;border-color:#dce6ff!important}th{background:#f8fafd!important;color:#78869a!important}td{color:var(--ink)!important}th,td{border-color:#eef1f6!important;padding:12px 10px!important}td input{background:white!important}.rule-mode{color:#91a0b3!important}code{color:#5275a4!important}button.secondary,a.button.secondary{background:#f0f4fa!important;color:#5b6b85!important;border-color:#e7ecf4!important}button.danger{background:#fff0f0!important;color:#c75a5a!important;border-color:#ffe2e2!important}details>summary{color:#526b98!important}dialog{background:white!important;border:1px solid var(--line)!important;color:var(--ink)!important;border-radius:12px!important;box-shadow:0 30px 90px #24345425!important}dialog::backdrop{background:#24334b55!important}.empty p{color:var(--muted)!important}.empty .symbol{color:#c5d3eb!important}.fields{gap:18px}.fields label input,.fields label select{margin-top:8px}.diagnostics pre{background:#f7f9fc!important;color:#4d607a!important}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-intro{position:relative;background:#edf2fc;padding:16vh 12%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;color:#7e91b0;margin-bottom:26px}.login-intro h1{font-size:46px!important;font-weight:650!important;line-height:1.45;margin:0 0 24px}.login-intro p{color:#778ba9;margin-bottom:32px;font-size:15px}.intro-list{display:flex;flex-wrap:wrap;gap:10px}.intro-list span{font-size:12px;color:#7290b8;background:#ffffffa8;border-radius:6px;padding:7px 12px}.intro-footer{position:absolute;bottom:38px;color:#98a8c0;font-size:12px}.login-side{background:white;display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:350px}.login-card .brand-mark{margin-bottom:30px;width:44px;height:44px}.login-card h2{font-size:27px!important;margin:0 0 6px}.login-card .subtitle{margin-bottom:32px}.login-card label{font-size:13px;display:block;margin-bottom:9px}.login-card input{width:100%;margin-bottom:22px;height:46px}.wide{width:100%;height:46px;margin-top:8px}.login-note{text-align:center;color:#a0abbb;font-size:12px;margin-top:22px}.alert{padding:12px 14px;background:#fff2f2;border:1px solid #ffe2e2;border-radius:7px;color:#bd6464;font-size:13px;margin:18px 0}.account-card{max-width:550px;background:white;border:1px solid var(--line);border-radius:12px;padding:36px;margin:64px auto}.account-card label{display:block;margin:20px 0}.account-card input{display:block;width:100%;margin-top:8px}.account-card h1{margin-bottom:10px}.account-card .eyebrow{margin-bottom:12px}
@media(max-width:800px){.web-nav{height:auto;padding:16px 20px;align-items:flex-start;flex-wrap:wrap}.web-nav nav{gap:16px;flex-wrap:wrap}.shell,.packet-main{margin:16px;border-radius:10px!important}.content{padding:22px!important}.layout{grid-template-columns:180px 1fr!important}.login-intro{padding:14vh 10%}.login-intro h1{font-size:34px!important}}@media(max-width:600px){.login-layout{display:block}.login-intro{display:none}.login-side{min-height:100vh;padding:30px}.layout{display:block!important}aside{border-right:0!important;border-bottom:1px solid var(--line)}.server-list{max-height:180px}.account-card{margin:24px 16px;padding:26px}.packet-head{flex-wrap:wrap}.fields,.fields.two{grid-template-columns:1fr!important}}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick-grid .quick-panel{margin:0!important;display:flex;flex-direction:column}.quick-panel .actions{margin-top:auto;padding-top:16px}.quick-panel p{margin-bottom:0}.quick-panel h2{margin-bottom:9px}.quick-panel a.button{background:#eef3ff!important;color:#3266e8!important}@media(max-width:700px){.quick-grid{grid-template-columns:1fr}}
.client-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e3e9f2;padding:16px 0}.client-row p{font-size:12px;color:#7d8da5}.client-row form{margin:0}