:root{font-family:"Microsoft YaHei UI","Segoe UI",sans-serif;color:#172033;background:#f4f7fb;--blue:#2367e8;--line:#e7ecf3;--muted:#748196}*{box-sizing:border-box}body{margin:0;background:#f4f7fb}button,input,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:linear-gradient(180deg,#102542,#0c1c33);color:#fff;padding:22px 14px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.brand-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#48a8ff,#2262e6);font-size:22px;font-weight:900;box-shadow:0 8px 22px #07172d}.brand strong{display:block;font-size:17px}.brand small{display:block;color:#92a8c5;margin-top:4px}.sidebar nav{display:grid;gap:6px}.nav{border:0;background:transparent;color:#aebdd1;text-align:left;padding:12px 15px;border-radius:10px;cursor:pointer;font-weight:650}.nav:hover,.nav.active{color:#fff;background:linear-gradient(90deg,rgba(50,125,246,.34),rgba(50,125,246,.11));box-shadow:inset 3px 0 #56a4ff}.sidebar-foot{margin-top:auto;padding:13px 10px;color:#9db0c9;font-size:12px}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#32d296;margin-right:8px;box-shadow:0 0 0 4px rgba(50,210,150,.1)}.workspace{margin-left:238px;min-height:100vh}.topbar{height:82px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:21px;margin:0}.topbar p{font-size:12px;color:var(--muted);margin:5px 0 0}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar form,.actions form,td form{margin:0}.admin-chip{background:#eff5ff;color:#28569b;border-radius:99px;padding:9px 14px;font-size:13px}.container{padding:24px 28px 60px;max-width:1680px;margin:auto}.page{display:none}.page.active{display:block}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:18px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 7px 25px rgba(34,61,99,.045)}.stats article{padding:18px;display:flex;align-items:center;gap:14px}.stats i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-weight:900}.stats .blue{background:#eaf2ff;color:#2867df}.stats .green{background:#e7f9f1;color:#15956b}.stats .purple{background:#f2ebff;color:#7c4fd0}.stats .orange{background:#fff3e5;color:#d97706}.stats .red{background:#fff0f1;color:#d13b49}.stats span{display:block;color:var(--muted);font-size:12px}.stats strong{font-size:25px;display:block;margin-top:3px}.grid{display:grid;gap:18px;margin-bottom:18px}.grid.two{grid-template-columns:1fr 1fr}.panel{overflow:hidden;margin-bottom:18px}.panel-head{min-height:62px;padding:15px 19px;border-bottom:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between}.panel-head h2,.section-title h2{font-size:16px;margin:0}.panel-head p,.section-title p{font-size:12px;color:var(--muted);margin:5px 0 0}.form{padding:18px;display:grid;gap:13px}.form label{display:grid;gap:6px;color:#536176;font-size:12px}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.fields.two-fields{grid-template-columns:1fr 1fr}input,select{width:100%;border:1px solid #ccd6e4;border-radius:9px;padding:10px 11px;background:#fff;outline:none;color:#172033}input:focus,select:focus{border-color:#4388f5;box-shadow:0 0 0 3px rgba(67,136,245,.12)}input[type=color]{padding:3px;height:40px}.check{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center}.check input{width:auto}.button{border:0;border-radius:8px;padding:8px 13px;cursor:pointer;font-weight:650;background:#eef2f7;color:#314258}.button.primary{background:linear-gradient(135deg,#2c79f1,#205cd3);color:#fff;min-height:40px}.button.danger{background:#fff0f1;color:#ca3343}.button.warning{background:#fff4df;color:#a86508}.button.mini{background:#e9f7f1;color:#15805f}.button.ghost{background:#f3f6fa;color:#506077}.link-button{border:0;background:none;color:#286ee7;cursor:pointer}.app-cards{padding:10px 18px}.app-card{padding:13px 0;border-bottom:1px solid #edf1f6;display:flex;align-items:center;gap:12px}.app-logo{width:38px;height:38px;border-radius:10px;background:#eaf2ff;color:#2161d2;display:grid;place-items:center;font-weight:800;font-size:12px}.app-card strong,.app-card small{display:block}.app-card small{color:var(--muted);margin-top:3px}.app-card em{margin-left:auto;font-style:normal;color:#526177;font-size:12px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.search{width:300px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:12px 14px;border-bottom:1px solid #edf1f6;text-align:left;white-space:nowrap}th{color:#68768a;background:#fafbfd;font-weight:700}td small{display:block;color:#8996a8;margin-top:4px}td.wrap{white-space:normal;min-width:280px}code{font-family:Consolas,monospace;color:#235fc8}.badge{padding:4px 8px;border-radius:99px;font-weight:700;font-size:11px}.badge.active{background:#e8f8f2;color:#0c8660}.badge.disabled,.badge.expired{background:#fff0f1;color:#c52d3d}.actions{display:flex;gap:6px}.empty{text-align:center;color:#8996a8;padding:28px}.generated{background:linear-gradient(100deg,#e9f9f2,#eef7ff);border:1px solid #bfe6d6;border-radius:14px;padding:17px;margin-bottom:18px}.generated strong,.generated span{display:block}.generated span{font-size:12px;color:#64778a;margin-top:5px}.code-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-top:13px}.code-grid code{background:#fff;border:1px dashed #79bca4;border-radius:8px;padding:10px;text-align:center;font-size:15px;letter-spacing:1px}.preview-panel{background:#f9fbfe}.mock-window{margin:28px;border:1px solid #cad6e5;border-radius:10px;background:white;overflow:hidden;box-shadow:0 12px 35px #dce3eb}.mock-title{height:36px;background:#edf2f7;padding:10px;font-size:11px}.marquee{overflow:hidden;background:#eaf5ff;color:#0f4c81;padding:10px;white-space:nowrap}.marquee span{display:inline-block;animation:scroll 10s linear infinite}@keyframes scroll{from{transform:translateX(100%)}to{transform:translateX(-100%)}}.mock-body{height:130px;padding:18px;display:grid;gap:10px}.mock-body div{height:16px;background:#edf1f6;border-radius:6px}.color-dot{display:inline-block;padding:5px 9px;border-radius:6px}.security-card{padding:24px}.security-card li{margin:13px 0;color:#4a5a70}.alert{padding:12px 15px;border-radius:10px;margin-bottom:15px}.alert.success{background:#eaf9f3;color:#087d5b}.alert.error{background:#fff0f1;color:#b92c3a}.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#dcecff,#f7faff 50%,#edf4ff)}.login-card{width:min(420px,100%);padding:36px;background:#fff;border:1px solid #dce5f2;border-radius:20px;box-shadow:0 26px 80px rgba(23,54,96,.16)}.login-card h1{margin:15px 0 6px}.brand-mark{width:55px;height:55px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#48a8ff,#2262e6);color:white;font-size:24px;font-weight:900}.muted{color:var(--muted)}.stack{display:grid;gap:15px;margin-top:24px}.stack label{display:grid;gap:7px;font-size:13px;color:#536176}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:static;width:auto}.workspace{margin:0}.sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-foot{display:none}.topbar{padding:0 15px}.container{padding:14px}.stats{grid-template-columns:1fr}.fields,.fields.two-fields{grid-template-columns:1fr}.search{width:160px}}

/* V5 polished administration theme */
:root{--navy:#07182d;--navy2:#102b4d;--cyan:#19c6df;--violet:#7857ee;--pink:#ed5b9b;--surface:#fff;--canvas:#f2f6fb}
body{background:
radial-gradient(circle at 87% 2%,rgba(38,154,255,.08),transparent 23rem),
linear-gradient(180deg,#f7faff 0,#f1f5fa 100%);min-height:100vh}
.sidebar{width:256px;padding:24px 16px;background:
radial-gradient(circle at 20% 0,rgba(32,195,223,.16),transparent 17rem),
linear-gradient(180deg,#0b213d 0%,#07182d 58%,#0a1728 100%);
box-shadow:12px 0 45px rgba(5,23,44,.08)}
.workspace{margin-left:256px}
.brand{padding:0 8px 28px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:15px}
.brand-icon{width:48px;height:48px;border-radius:16px;background:
linear-gradient(145deg,#1ed1e8 0%,#3a82ee 48%,#8a5ce6 100%);
box-shadow:0 12px 28px rgba(15,155,220,.28),inset 0 1px rgba(255,255,255,.35)}
.brand strong{font-size:18px;letter-spacing:.5px}.brand small{color:#829bb9}
.sidebar nav{gap:7px}.nav{position:relative;padding:13px 15px 13px 48px;border:1px solid transparent;font-size:13px;transition:.2s ease}
.nav:before{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:22px;text-align:center;font-size:15px;opacity:.82}
.nav:nth-child(1):before{content:"◈"}.nav:nth-child(2):before{content:"钥"}.nav:nth-child(3):before{content:"▣"}.nav:nth-child(4):before{content:"◆"}.nav:nth-child(5):before{content:"播"}.nav:nth-child(6):before{content:"记"}.nav:nth-child(7):before{content:"盾"}
.nav:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.06);transform:translateX(2px)}
.nav.active{background:linear-gradient(90deg,rgba(20,199,224,.2),rgba(111,83,233,.13));border-color:rgba(64,197,226,.16);box-shadow:none}
.nav.active:after{content:"";position:absolute;left:-1px;top:9px;bottom:9px;width:3px;border-radius:8px;background:linear-gradient(#20d2e5,#8a62ee)}
.sidebar-foot{padding:15px 12px;border-radius:12px;background:rgba(255,255,255,.035)}
.topbar{height:92px;padding:0 34px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:2;box-shadow:0 1px 0 rgba(23,48,78,.06)}
.topbar h1{font-size:23px;color:#11243c}.topbar p{font-size:13px}
.admin-chip{background:linear-gradient(135deg,#ebf9fc,#f1edff);color:#254868;border:1px solid #dceaf3;padding:9px 16px}
.container{padding:28px 34px 70px}.page.active{animation:pageIn .22s ease}@keyframes pageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.stats{gap:18px;margin-bottom:22px}.stats article,.panel{border:1px solid rgba(216,226,239,.86);border-radius:17px;box-shadow:0 10px 35px rgba(28,57,91,.055)}
.stats article{position:relative;overflow:hidden;padding:20px;background:linear-gradient(145deg,#fff,#fbfdff);transition:transform .2s,box-shadow .2s}
.stats article:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(35,72,116,.1)}
.stats article:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-30px;top:-30px;background:rgba(67,140,244,.06)}
.stats i{width:46px;height:46px;border-radius:14px}.stats strong{font-size:28px;color:#11243c}.stats span{font-size:13px}
.panel{background:rgba(255,255,255,.96)}.panel-head{min-height:68px;padding:17px 21px}.panel-head h2,.section-title h2{font-size:17px;color:#172a43}
.form{padding:21px;gap:15px}.form label{font-size:13px;font-weight:600;color:#53667d}
input,select{border-color:#d6e0ec;border-radius:11px;padding:11px 12px;transition:.18s}
input:hover,select:hover{border-color:#aebfd3}input:focus,select:focus{border-color:#1ebbd4;box-shadow:0 0 0 4px rgba(30,187,212,.1)}
.button{border-radius:10px;transition:transform .15s,filter .15s}.button:hover{filter:brightness(.98);transform:translateY(-1px)}
.button.primary{background:linear-gradient(120deg,#15bfd7,#347fe8 52%,#795ce7);box-shadow:0 8px 18px rgba(49,126,225,.18)}
.table-wrap{scrollbar-color:#cbd7e5 transparent}.table-wrap table{font-size:13px}th{padding:14px 16px;background:#f7fafe;color:#64758b}td{padding:14px 16px}tbody tr{transition:background .15s}tbody tr:hover{background:#f8fbff}
.badge{padding:5px 9px}.generated{background:linear-gradient(110deg,#e8fbf7,#eef5ff 50%,#f4efff);border-color:#c9e9e5}
.code-grid code{border-color:#6bc9ba;box-shadow:0 4px 15px rgba(28,142,117,.05)}
.app-logo{background:linear-gradient(145deg,#e4fbff,#eeeaff);color:#356bd6}.search{border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238394a8'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 4 4'/%3E%3C/svg%3E") no-repeat 12px center;padding-left:38px}
.security-card{background:linear-gradient(145deg,#f8fcff,#f8f5ff)}.security-card li::marker{color:#1bbcd5}
@media(max-width:760px){.sidebar{width:auto}.workspace{margin-left:0}.topbar{position:static}.container{padding:18px}.nav{padding-left:42px}}

/* V7 authenticated server health card */
.server-health-card{padding:10px;border:1px solid #2d333b;background:#15191e;color:#cbd4df;transition:border-color .2s,background .2s}
.server-health-summary{width:100%;display:flex;align-items:flex-start;gap:9px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.server-health-summary:disabled{cursor:wait;opacity:.85}.server-health-copy{display:grid;gap:4px;min-width:0}.server-health-copy strong{font-size:12px;color:#eef2f7}.server-health-copy small{font-size:10px;line-height:1.35;color:#8792a2}
.server-health-card .online-dot{flex:0 0 auto;margin:4px 0 0;width:9px;height:9px;background:#8792a2;box-shadow:0 0 0 4px rgba(135,146,162,.12)}
.server-health-card.is-healthy{border-color:rgba(50,210,150,.26);background:rgba(24,70,55,.22)}.server-health-card.is-healthy .online-dot{background:#32d296;box-shadow:0 0 0 4px rgba(50,210,150,.12);animation:healthPulse 2.2s ease-in-out infinite}
.server-health-card.is-degraded{border-color:rgba(247,173,54,.38);background:rgba(97,65,17,.2)}.server-health-card.is-degraded .online-dot{background:#f7ad36;box-shadow:0 0 0 4px rgba(247,173,54,.12);animation:healthPulse 1.4s ease-in-out infinite}
.server-health-card.is-offline{border-color:rgba(240,82,99,.4);background:rgba(102,28,37,.2)}.server-health-card.is-offline .online-dot{background:#f05263;box-shadow:0 0 0 4px rgba(240,82,99,.12)}
.server-health-card.is-checking .online-dot{background:#5ba7f7;box-shadow:0 0 0 4px rgba(91,167,247,.12);animation:healthPulse 1s ease-in-out infinite}
.server-health-details-toggle{margin:8px 0 0 18px;padding:0;border:0;background:transparent;color:#75b8ff;font-size:10px;cursor:pointer}.server-health-details{display:grid;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07)}.server-health-details[hidden]{display:none!important}
.server-health-detail{display:grid;gap:2px;font-size:10px}.server-health-detail strong{color:#dfe5ed}.server-health-detail span{color:#8d98a7;white-space:normal}.server-health-detail.failed strong{color:#ff9aa6}
@keyframes healthPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.78);opacity:.55}}

/* V6 dark operations console */
:root{color:#e9edf5;background:#090b0e;--line:#2b3038;--muted:#8f98a8}
body{background:#090b0e;color:#e9edf5}
.sidebar{background:#0d1014;border-right:1px solid #272c33;box-shadow:none}
.brand{border-color:#262b32}.sidebar-foot{background:#15191e}
.workspace{background:#090b0e}
.topbar{background:rgba(12,15,19,.96);border-color:#292e36;box-shadow:none}
.topbar h1,.panel-head h2,.section-title h2{color:#f3f5f8}.topbar p{color:#808999}
.admin-chip{background:#171c22;color:#cbd4e2;border-color:#303640}
.container{max-width:none}
.breadcrumb{font-size:13px;color:#bdc5d1;margin:0 0 18px}
.stats{grid-template-columns:repeat(6,minmax(150px,1fr));gap:15px}
.stats article,.panel{background:#181b20;border-color:#30353d;border-radius:9px;box-shadow:none}
.stats article{min-height:136px;padding:20px;justify-content:space-between;background:#191c20}
.stats article:hover{box-shadow:0 8px 24px rgba(0,0,0,.22)}
.stats article:after{display:none}.stats article>div{align-self:stretch;display:flex;flex-direction:column}
.stats span{color:#9aa3b1}.stats strong{font-size:27px;color:#f3f6fb;margin:18px 0 8px}
.stats small{color:#7f8998;font-size:11px}.stats i{align-self:flex-start;width:37px;height:37px;border-radius:8px}
.stats .cyan{background:#0d3238;color:#14c9e6}
.panel-head{border-color:#2b3037}
.panel,.app-card,.form label{color:#cbd3df}.panel-head p,.section-title p,td small{color:#818b9a}
input,select{background:#0f1216;border-color:#3a4049;color:#e9edf4}
input:hover,select:hover{border-color:#535c68}input:focus,select:focus{border-color:#3798f5;box-shadow:0 0 0 3px rgba(55,152,245,.13)}
.button{background:#252a31;color:#e5eaf1}.button.primary{background:#3194ee;box-shadow:none}.button.ghost{background:#1a1e24;color:#c4ccd8}
.button.danger{background:#8f3e43;color:#fff}.button.warning{background:#9a681f;color:#fff}.button.mini{background:#338c27;color:#fff}
.copy-button{background:#2d8de4;color:#fff}
.app-card{border-color:#292e35}.app-logo{background:#172a3b;color:#59aef5}
table{color:#dce2eb}th{background:#15181c;color:#abb4c2}th,td{border-color:#292e35}tbody tr:hover{background:#20242a}
code,.full-code{color:#8bd94a}.badge.active{background:#17311b;color:#70d45d}.badge.disabled,.badge.expired{background:#3b2023;color:#ff7b84}
.generated{background:#14251f;border-color:#295440}.code-grid code{background:#0f1714;border-color:#4d8e70}
.license-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}
.license-filters{display:flex;gap:12px;flex:1}.license-filters select{width:180px}.license-filters .search{width:min(340px,100%)}
.create-code-button{min-width:146px}.toolbar-actions{display:flex;gap:10px}.table-wrap input[type=checkbox]{width:16px;height:16px}
.search{background-color:#0f1216}
.preview-panel,.security-card{background:#181b20}.mock-window{border-color:#353b44;background:#101317;box-shadow:none}.mock-title{background:#20252c}.mock-body div{background:#262c34}
.alert.success{background:#16352a;color:#72d5ad}.alert.error{background:#3b2023;color:#ff929a}
.generated-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.generated-codes{width:100%;min-height:150px;margin-top:14px;padding:14px;border:1px solid #315c4e;border-radius:9px;background:#0d1714;color:#8ee6b8;font:15px/1.8 Consolas,monospace;resize:vertical}
.download-button{text-decoration:none;display:inline-flex;align-items:center}.backup-warning{margin:0;color:#e7ad55;font-size:12px}.backup-form{grid-template-columns:minmax(260px,1fr) auto;align-items:end}.backup-form .backup-warning{grid-column:1/-1}
@media(max-width:1300px){.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.license-toolbar,.license-filters{align-items:stretch;flex-direction:column}.license-filters select,.license-filters .search{width:100%}}
@media(max-width:760px){.stats{grid-template-columns:1fr}.workspace{background:#090b0e}.backup-form{grid-template-columns:1fr}}

/* V7 authorization center tools */
.brand-icon{background:linear-gradient(145deg,#14c6dd 0%,#3487ee 46%,#7b61ee 100%)}
.nav:nth-child(1):before{content:"⌂"}.nav:nth-child(2):before{content:"⚿"}.nav:nth-child(3):before{content:"▣"}.nav:nth-child(4):before{content:"▦"}.nav:nth-child(5):before{content:"☊"}.nav:nth-child(6):before{content:"☷"}.nav:nth-child(7):before{content:"⚙"}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px;padding:21px}
.settings-grid label{display:grid;gap:7px;color:#aeb8c6;font-size:13px;font-weight:650}
.settings-grid input,.settings-grid textarea{width:100%;border:1px solid #3a4049;border-radius:10px;background:#0f1216;color:#dce4ef;padding:11px 12px;font:13px/1.45 Consolas,"Microsoft YaHei UI",sans-serif}
.settings-grid textarea{min-height:78px;resize:vertical;white-space:pre-wrap;word-break:break-all}
.divided-form{border-top:1px solid #2b3037;margin-top:2px}
.compact-table{padding:0 18px 18px}
.compact-table table{font-size:12px}
.security-card ul{padding-left:20px}
.color-dot{border:1px solid rgba(255,255,255,.18)}
.purchase-settings{display:grid;gap:1px;background:#2b3037}.purchase-form{background:#181b20;border-bottom:1px solid #2b3037}.purchase-title{display:flex;align-items:center;gap:12px}.purchase-title b{font-size:15px;color:#f3f5f8}.configured{color:#70d45d!important}.purchase-form input[type=file]{padding:8px}.purchase-form>.button{justify-self:start}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}

/* V8 professional security login */
.login-body{
  --login-navy:#071b33;--login-blue:#1d6fe9;--login-cyan:#24c9dc;--login-ink:#13263d;
  min-height:100vh;display:grid;place-items:center;position:relative;overflow-x:hidden;padding:34px;
  background:
    radial-gradient(circle at 8% 12%,rgba(59,149,255,.2),transparent 28rem),
    radial-gradient(circle at 91% 90%,rgba(40,204,211,.15),transparent 30rem),
    linear-gradient(135deg,#e9f2ff 0%,#f8fbff 44%,#e9f7f8 100%);
  color:var(--login-ink);
}
.login-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.login-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(43,103,170,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(43,103,170,.09) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.login-orbit{position:absolute;border:1px solid rgba(38,135,226,.17);border-radius:50%}
.orbit-one{width:540px;height:540px;left:-190px;top:-225px}.orbit-two{width:460px;height:460px;right:-160px;bottom:-210px}
.login-shell{width:min(1080px,100%);min-height:640px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);position:relative;z-index:1;overflow:hidden;border:1px solid rgba(184,207,232,.9);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:0 36px 100px rgba(22,68,119,.2),0 4px 14px rgba(22,68,119,.08);backdrop-filter:blur(22px)}
.login-showcase{position:relative;overflow:hidden;padding:44px 48px;display:flex;flex-direction:column;background:radial-gradient(circle at 80% 28%,rgba(34,204,218,.22),transparent 18rem),linear-gradient(145deg,#071a31 0%,#0c2d52 58%,#0a4560 100%);color:#fff}
.login-showcase:after{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(98,218,235,.15);border-radius:50%;right:-170px;bottom:-220px;box-shadow:0 0 0 50px rgba(71,180,220,.025),0 0 0 100px rgba(71,180,220,.018)}
.login-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:2}
.login-logo{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#2dd5df,#267de9 55%,#725deb);box-shadow:0 10px 28px rgba(33,179,225,.3);font-size:21px;font-weight:900}
.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:17px;letter-spacing:.8px}.login-brand small{margin-top:4px;color:#8baac7;font:9px/1.2 "Segoe UI",sans-serif;letter-spacing:1.8px}
.security-emblem{width:260px;height:260px;margin:35px auto 20px;position:relative;display:grid;place-items:center}
.emblem-ring{position:absolute;border-radius:50%;border:1px solid rgba(85,214,232,.35)}.ring-one{inset:24px;box-shadow:0 0 34px rgba(43,195,224,.12)}.ring-two{inset:52px;border-style:dashed;animation:emblemRotate 18s linear infinite}
.emblem-ring:before,.emblem-ring:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#3fe0e6;box-shadow:0 0 14px #29d6e3}.emblem-ring:before{left:7%;top:23%}.emblem-ring:after{right:4%;bottom:30%}
.emblem-shield{width:106px;height:118px;display:grid;place-items:center;position:relative;z-index:2;clip-path:polygon(50% 0,92% 17%,88% 67%,50% 100%,12% 67%,8% 17%);background:linear-gradient(150deg,rgba(49,214,225,.95),rgba(39,117,225,.92) 58%,rgba(110,79,224,.95));box-shadow:0 0 45px rgba(33,193,222,.33);font-size:35px;color:#eaffff}
.emblem-pulse{position:absolute;width:8px;height:8px;border-radius:50%;background:#77eff0;box-shadow:0 0 15px #42dce4}.pulse-one{left:23px;top:118px}.pulse-two{right:27px;top:75px}.pulse-three{right:58px;bottom:31px}
@keyframes emblemRotate{to{transform:rotate(360deg)}}
.showcase-copy{position:relative;z-index:2}.eyebrow{color:#5ddde5;font:700 10px/1 "Segoe UI",sans-serif;letter-spacing:2.2px}.showcase-copy h1{margin:12px 0 13px;font-size:32px;line-height:1.36;letter-spacing:1px}.showcase-copy p{max-width:460px;margin:0;color:#9fb6ce;font-size:13px;line-height:1.9}
.security-points{display:flex;gap:18px;margin-top:auto;padding-top:26px;position:relative;z-index:2}.security-points span{display:flex;align-items:center;gap:7px;color:#b9cadd;font-size:11px}.security-points i{font-style:normal;color:#49d4df;font:700 9px/1 "Segoe UI",sans-serif}
.login-panel{padding:72px 58px 34px;display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,251,255,.96))}
.login-panel-head{margin-bottom:28px}.secure-status{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#238c76;font-size:11px;font-weight:700}.secure-status i{width:7px;height:7px;border-radius:50%;background:#2fc49b;box-shadow:0 0 0 5px rgba(47,196,155,.1)}
.login-panel h2{margin:0;color:#10243b;font-size:29px;letter-spacing:.5px}.login-panel-head p{margin:9px 0 0;color:#7a8b9e;font-size:13px}
.login-form{display:grid;gap:20px}.login-field{display:grid;gap:8px;color:#344b65;font-size:12px;font-weight:700}.field-control{display:block;position:relative}
.login-body .field-control input{height:52px;width:100%;padding:0 76px 0 43px;border:1px solid #cfdbea;border-radius:12px;background:#fff;color:#10243b;caret-color:#246fd7;font-size:14px;box-shadow:0 3px 10px rgba(35,72,112,.035);transition:.2s}
.login-body .field-control input::placeholder{color:#a8b5c4}.login-body .field-control input:hover{border-color:#9fb6d0}.login-body .field-control input:focus{border-color:#2e83e9;box-shadow:0 0 0 4px rgba(46,131,233,.11),0 6px 18px rgba(35,100,175,.07)}
.field-icon{position:absolute;left:16px;top:50%;width:16px;height:16px;transform:translateY(-50%);z-index:1;opacity:.65}.user-icon:before{content:"";position:absolute;left:5px;top:0;width:6px;height:6px;border:1.8px solid #41698d;border-radius:50%}.user-icon:after{content:"";position:absolute;left:2px;bottom:0;width:12px;height:7px;border:1.8px solid #41698d;border-radius:8px 8px 3px 3px}.lock-icon:before{content:"";position:absolute;left:3px;top:7px;width:10px;height:8px;border:1.8px solid #41698d;border-radius:3px}.lock-icon:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:8px;border:1.8px solid #41698d;border-bottom:0;border-radius:6px 6px 0 0}
.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#3575bd;padding:7px 8px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer}.password-toggle:hover{background:#edf5ff}
.remember-login{display:flex;align-items:center;gap:10px;cursor:pointer;color:#304962;font-size:12px}.remember-login input{position:absolute;opacity:0;pointer-events:none}.check-box{width:19px;height:19px;flex:0 0 auto;border:1px solid #b9c8d8;border-radius:6px;background:#fff;position:relative;transition:.18s}.remember-login input:checked+.check-box{border-color:#2678df;background:linear-gradient(145deg,#28bfcf,#2678df)}.remember-login input:checked+.check-box:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.remember-login b,.remember-login small{display:block}.remember-login b{font-size:12px}.remember-login small{margin-top:2px;color:#8494a6;font-size:10px;font-weight:400}
.secure-login-button{height:54px;margin-top:3px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(120deg,#18b9cd 0%,#267de7 55%,#6159dc 100%);color:#fff;box-shadow:0 13px 28px rgba(36,112,213,.25);font-size:14px;font-weight:800;letter-spacing:1px;cursor:pointer;transition:.2s}.secure-login-button:hover{transform:translateY(-1px);filter:brightness(1.035);box-shadow:0 16px 34px rgba(36,112,213,.3)}.secure-login-button:active{transform:none}.secure-login-button i{font-style:normal;font-size:19px}
.login-alert{margin:0 0 20px;border:1px solid #ffd2d6;background:#fff3f4;color:#b72b39;font-size:12px}
.login-foot{margin-top:auto;padding-top:30px;border-top:1px solid #e9eff6;display:flex;align-items:center;justify-content:space-between;color:#8a99aa;font-size:10px}.encrypted-label{padding-left:15px;position:relative}.encrypted-label:before{content:"";position:absolute;left:0;top:1px;width:8px;height:8px;border:1px solid #27aa8e;border-radius:2px}
.license-note-cell{min-width:315px}.remark-view{display:flex;align-items:center;gap:8px;margin-top:7px}.remark-view[hidden],.remark-form[hidden]{display:none}.remark-text{max-width:215px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:#8996a8}.remark-edit{padding:5px 9px;background:#1d354d;color:#88c6ff;white-space:nowrap}.remark-form{display:flex;align-items:center;gap:7px;margin-top:7px!important}.remark-form .remark-input{min-width:185px;height:34px;padding:7px 9px;font-size:12px}.remark-save,.remark-cancel{padding:6px 9px;white-space:nowrap}.remark-save{background:#244e72;color:#dceeff}
.audit-cleanup-panel{border-color:#49353a}.audit-cleanup-form{grid-template-columns:minmax(180px,240px) minmax(180px,240px) auto;align-items:end}.audit-cleanup-form .button{min-height:42px}
@media(max-width:880px){.login-body{padding:18px}.login-shell{grid-template-columns:1fr;min-height:0;max-width:520px}.login-showcase{min-height:240px;padding:28px 32px}.security-emblem{position:absolute;width:190px;height:190px;right:-30px;top:18px;opacity:.72}.showcase-copy{margin-top:42px}.showcase-copy h1{font-size:24px}.showcase-copy p{max-width:320px}.security-points{display:none}.login-panel{padding:38px 34px 28px}}
@media(max-width:760px){.audit-cleanup-form{grid-template-columns:1fr}}
@media(max-width:480px){.login-body{padding:0;display:block}.login-shell{width:100%;border:0;border-radius:0;box-shadow:none}.login-showcase{min-height:210px;padding:24px}.security-emblem{display:none}.showcase-copy{margin-top:32px}.showcase-copy h1{font-size:22px}.showcase-copy p{font-size:12px}.login-panel{padding:32px 24px;min-height:calc(100vh - 210px)}.login-panel h2{font-size:25px}.login-foot{margin-top:32px}}

/* V9 蓝鲸品牌、代理中心与高可读控件 */
.brand-icon,.login-logo{padding:3px;overflow:hidden;background:linear-gradient(145deg,#092e55,#1478dc 52%,#20d1de)}
.brand-icon img,.login-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(17,146,229,.28))}
.login-logo{padding:4px}.security-emblem>img{width:178px;height:178px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(30,176,230,.35));animation:whaleFloat 4s ease-in-out infinite}
.nav{display:flex;align-items:center;gap:12px;padding:10px 12px!important}
.nav:before{display:none!important}.nav-icon{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:10px;color:#fff;font-size:16px;font-weight:900;box-shadow:0 6px 14px rgba(0,0,0,.22);transition:transform .2s ease,filter .2s ease}
.nav:hover .nav-icon,.nav.active .nav-icon{transform:scale(1.09) rotate(-3deg);filter:brightness(1.12)}
.icon-overview{background:linear-gradient(145deg,#2a8fff,#1763dc)}.icon-license{background:linear-gradient(145deg,#a16cff,#7137dc)}.icon-device{background:linear-gradient(145deg,#22d5c7,#119684)}.icon-agent{background:linear-gradient(145deg,#ffb934,#ee7d19)}.icon-app{background:linear-gradient(145deg,#ff739a,#d94370)}.icon-ad{background:linear-gradient(145deg,#32cbe4,#1688d8)}.icon-log{background:linear-gradient(145deg,#80dc5b,#36a736)}.icon-security{background:linear-gradient(145deg,#6b7c98,#3b4d69)}
.nav.active .nav-icon{animation:iconPulse 2.6s ease-in-out infinite}@keyframes iconPulse{50%{box-shadow:0 0 0 5px rgba(75,181,239,.1),0 7px 18px rgba(0,0,0,.26)}}@keyframes whaleFloat{50%{transform:translateY(-8px)}}
input[type="date"]{color-scheme:dark;color:#f4f7fb!important;background:#11151a!important;border-color:#4b5664!important;font-weight:650}
input[type="date"]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;filter:invert(1) sepia(.2) saturate(1.5) brightness(1.5)}
.audit-cleanup-form input[type="date"]{min-height:42px;box-shadow:inset 0 0 0 1px rgba(69,163,240,.1)}
.device-license-remark{color:#ff646f!important;font-weight:800;max-width:300px;white-space:normal}.device-limit{display:flex;align-items:center;gap:8px;margin-top:8px}.device-limit span{color:#83a0bd;font-size:11px}.full-code{font-size:13px;letter-spacing:.7px}.agent-stats{grid-template-columns:repeat(3,minmax(180px,1fr))}.agent-portal-stats{grid-template-columns:repeat(4,minmax(180px,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-balance{display:grid;grid-template-columns:90px 130px auto;gap:6px;min-width:330px}.inline-balance input,.inline-remark input{height:34px;padding:6px 8px}.inline-remark{display:flex;gap:6px;margin-top:7px!important}.money{font-weight:800}.money.negative{color:#ff7580}.money.positive{color:#70d45d}.agent-login-shell .security-emblem{display:grid}.agent-login-shell .security-emblem:before{content:"";position:absolute;inset:22px;border-radius:50%;border:1px dashed rgba(90,225,238,.32);animation:emblemRotate 18s linear infinite}
@media(max-width:1250px){.grid.three{grid-template-columns:1fr}.agent-portal-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.agent-stats,.agent-portal-stats{grid-template-columns:1fr}.nav{padding:9px!important}.nav-icon{width:27px;height:27px;flex-basis:27px}}

/* V11 紧凑管理表格、设备筛选与总览快捷跳转 */
.stats .stat-link{cursor:pointer;outline:0;user-select:none}
.stats .stat-link:before{content:"进入";position:absolute;right:15px;bottom:13px;color:#697584;font-size:10px;font-weight:750;letter-spacing:.5px;opacity:0;transform:translateX(-4px);transition:.18s}
.stats .stat-link:hover:before,.stats .stat-link:focus-visible:before{opacity:1;transform:none}
.stats .stat-link:focus-visible{border-color:#4a9be8;box-shadow:0 0 0 3px rgba(55,143,229,.2)}
.stats .stat-link:active{transform:translateY(0) scale(.985)}
.device-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.device-filters{display:flex;align-items:center;gap:10px;flex:1}
.device-filters select{width:180px}.device-filters .search{width:min(360px,100%)}
.filter-result{color:#8d98a7;font-size:12px;white-space:nowrap}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px;padding:11px 13px;border:1px solid #303740;border-radius:9px;background:#171b20}
.pagination-summary{color:#98a4b3;font-size:12px}.pagination-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.pagination-links a,.pagination-links span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:32px;padding:0 9px;border:1px solid #39424d;border-radius:7px;color:#cbd5e1;font-size:12px;text-decoration:none}
.pagination-links a:hover{border-color:#3d8fe4;background:#17314a;color:#fff}.pagination-links .current{border-color:#3d8fe4;background:#2787df;color:#fff;font-weight:800}.pagination-links .disabled{color:#626d7b;cursor:not-allowed}
.app-view-heading{padding:14px 17px;border:1px solid #30353d;border-radius:9px;background:#181b20}
.app-view-picker{display:flex;align-items:center;gap:10px;color:#9da8b7;font-size:12px;font-weight:700;white-space:nowrap}
.app-view-picker select{width:260px;min-height:39px}
[data-app-view][hidden],[data-app-version][hidden],[data-app-version-empty][hidden],.server-empty[hidden]{display:none!important}
.compact-management-table{font-size:11.5px}
.compact-management-table th,.compact-management-table td{height:46px;padding:7px 10px;line-height:1.22;vertical-align:middle}
.compact-management-table tbody tr{transition:background .14s}
.compact-management-table tbody tr.is-expanded td{height:auto;padding-top:9px;padding-bottom:9px;vertical-align:top}
.compact-management-table .button{min-height:28px;padding:5px 8px;border-radius:7px;font-size:10.5px;line-height:1.15;white-space:nowrap}
.compact-management-table .actions{gap:4px;align-items:center;flex-wrap:nowrap}
.compact-management-table .actions form{display:inline-flex}
.compact-management-table .full-code{font-size:12px;letter-spacing:.45px;white-space:nowrap}
.selection-cell{white-space:nowrap}.selection-cell>*{vertical-align:middle}.selection-cell input{margin-right:5px}
.compact-primary{display:flex;align-items:center;gap:6px;white-space:nowrap}
.compact-toggle{width:20px;height:20px;padding:0;border:1px solid #3a424d;border-radius:6px;background:#20262d;color:#92a4b8;font-size:17px;line-height:16px;cursor:pointer;transition:.15s}
.compact-toggle:hover{border-color:#4a94db;color:#8bc8ff;background:#1b3145}
.is-expanded .compact-toggle{transform:rotate(90deg);border-color:#4a94db;color:#8bc8ff}
.compact-detail{display:none!important;color:#7f8c9c!important;font-size:10px!important;white-space:normal}
.is-expanded .compact-detail{display:block!important;margin-top:4px!important}
.license-note-cell{min-width:265px}.license-customer-line{display:flex;align-items:center;gap:8px;white-space:nowrap}
.license-customer-line .remark-view{margin-top:0}.license-customer-line .remark-text{display:inline-block;margin:0;max-width:145px}
.license-customer-line .remark-edit{padding:4px 7px}
.remark-form{margin-top:0!important}.remark-form .remark-input{height:29px}.remark-save,.remark-cancel{padding:5px 7px!important}
.device-license-line{display:flex;align-items:center;gap:7px;min-width:max-content;white-space:nowrap}
.compact-tag{display:inline-flex!important;align-items:center;max-width:170px;margin:0!important;padding:3px 7px;border:1px solid #343c46;border-radius:999px;background:#20252b;color:#9aa8b8!important;font-size:10px!important;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}
.compact-tag.device-license-remark{color:#ff7c84!important;font-weight:750}.compact-tag.device-limit-count{color:#8fb7dc!important;margin:0!important}
#ip-blacklist{scroll-margin-top:112px}
@media(max-width:1050px){.device-toolbar,.device-filters{align-items:stretch;flex-direction:column}.device-filters select,.device-filters .search{width:100%}.device-toolbar>.button{align-self:flex-start}.pagination{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.app-view-heading,.app-view-picker{align-items:stretch;flex-direction:column}.app-view-picker select{width:100%}}

/* V10 不刷新页面的设备扩容弹窗 */
.device-limit-count{margin-top:8px!important;color:#8ea1b7!important}.add-device-button{background:linear-gradient(135deg,#7b55ee,#318eea);color:#fff;white-space:nowrap}.modal-open{overflow:hidden}.device-modal[hidden]{display:none}.device-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.device-modal-backdrop{position:absolute;inset:0;background:rgba(2,7,14,.74);backdrop-filter:blur(7px)}.device-modal-card{position:relative;width:min(450px,100%);padding:31px;border:1px solid #394757;border-radius:18px;background:linear-gradient(145deg,#1a2028,#11161c);box-shadow:0 30px 90px rgba(0,0,0,.5);color:#edf4fc;animation:deviceModalIn .2s ease-out}.device-modal-close{position:absolute;right:15px;top:12px;width:34px;height:34px;border:0;border-radius:9px;background:#252d37;color:#aeb9c7;font-size:23px;cursor:pointer}.device-modal-icon{width:51px;height:51px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#24c9dd,#397dea 55%,#7959e8);box-shadow:0 10px 28px rgba(43,133,226,.27);font-size:26px;font-weight:800}.device-modal-card h2{margin:18px 0 8px;font-size:21px}.device-modal-card>p{margin:0 0 21px;color:#8f9cad;font-size:13px;line-height:1.7}.device-modal-card form{display:grid;gap:12px}.device-modal-card label{display:grid;gap:8px;color:#c8d2df;font-size:13px;font-weight:700}.device-modal-card input{height:47px;font-size:17px;font-weight:800}.device-modal-card form>small{color:#8191a5}.device-modal-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:10px;margin-top:8px}.device-modal-actions .button{height:44px}.device-modal-message{padding:10px 12px;border-radius:9px;font-size:12px}.device-modal-message.error{background:#3b2023;color:#ff929a}.device-toast{position:fixed;right:28px;top:28px;z-index:1100;padding:14px 19px;border:1px solid #347b63;border-radius:12px;background:#153629;color:#80e2b8;box-shadow:0 15px 45px rgba(0,0,0,.32);font-size:13px;font-weight:750;opacity:0;transform:translateY(-12px);transition:.22s}.device-toast.visible{opacity:1;transform:none}@keyframes deviceModalIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:540px){.device-modal-card{padding:25px 20px}.device-modal-actions{grid-template-columns:1fr}}

/* R9.1 compact trial schedule editor */
.trial-schedule-form{display:grid;grid-template-columns:105px 100px 100px 72px;gap:8px;align-items:end;min-width:410px}.trial-schedule-form label{display:grid;gap:5px;color:#8f9cac;font-size:11px;font-weight:700}.trial-schedule-form input,.trial-schedule-form select{height:36px;min-width:0;padding:6px 9px}.trial-schedule-form .button{height:36px;min-height:36px;padding:6px 10px}@media(max-width:760px){.trial-schedule-form{grid-template-columns:105px 100px 100px 72px}}