.登录页面{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 75% 15%,#6e51321f,transparent 55%),#17181b}
.登录卡片{width:min(100%,420px);padding:34px;background:#202125;border:1px solid #ffffff16;border-radius:16px;box-shadow:0 20px 65px #0002}
.登录品牌{display:flex;align-items:center;gap:12px;margin-bottom:30px;color:#cbb8a4;font-size:14px}.登录品牌 img{width:38px;height:38px;object-fit:contain}
.登录卡片 h1{font-size:24px;font-weight:500;line-height:1.5;margin:0 0 12px}.账户说明{font-size:12px;line-height:1.85;color:#a09b96;margin:10px 0 20px}
.账户表单{display:flex;flex-direction:column;gap:18px}.账户表单 label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#c8c1ba}
.账户表单 input,.账户表单 select,.账户表格 select{width:100%;min-width:0;padding:11px 12px;border:1px solid #ffffff24;border-radius:7px;background:#17181b;color:#eee8e2;font:inherit;line-height:1.5;outline:none}
.账户表单 input:focus,.账户表单 select:focus,.账户表格 select:focus{border-color:#dcb28b}.账户表单 input::placeholder{color:#77726e;font-size:11px}
.账户主按钮,.账户次按钮{font:inherit;font-size:12px;line-height:1.5;border-radius:7px;padding:10px 16px;cursor:pointer;white-space:nowrap}
.账户主按钮{background:#dcb28b;border:1px solid #dcb28b;color:#251d17;font-weight:600}.账户次按钮{background:#ffffff04;border:1px solid #ffffff24;color:#d9c9ba}
.账户主按钮:disabled,.账户次按钮:disabled,.账户表单 input:disabled,.账户表单 select:disabled,.账户表格 select:disabled{opacity:.5;cursor:not-allowed}
.账户主按钮:focus-visible,.账户次按钮:focus-visible,.顶栏账号 button:focus-visible{outline:2px solid #e6c7a9;outline-offset:3px}
.账户错误,.账户提示{font-size:12px;line-height:1.8;padding:12px 14px;border-radius:7px;overflow-wrap:anywhere;margin:0 0 18px}.账户错误{background:#472c29;color:#f0b6a9}.账户提示{background:#343027;color:#e1c7a6}
.账户表单 h2,.账户密码面板 h2{font-size:16px;font-weight:500;margin:0}.账户表单 .账户说明{margin:0}
.应用.已登录 .顶栏{grid-template-columns:minmax(120px,1fr) auto minmax(215px,1fr);gap:18px}.应用.已登录 .系统导航{gap:clamp(14px,2.7vw,40px)}
.顶栏账号{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;font-size:11px}.顶栏账号信息{display:flex;flex-direction:column;gap:3px;min-width:0;max-width:115px}.顶栏账号信息 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:#d6c8ba}.顶栏账号信息 small{font-size:10px;color:#817a72}
.顶栏账号 button{border:0;background:transparent;color:#b6a797;white-space:nowrap;font:inherit;cursor:pointer;padding:8px 0}.顶栏账号 button:hover,.顶栏账号 button[aria-current=page]{color:#e4c3a2}.顶栏账号 button:disabled{opacity:.45;cursor:not-allowed}
.账户管理{grid-column:1/-1;grid-row:2/-1;overflow:auto;min-height:0;background:#17181b}.账户管理容器{max-width:1180px;margin:0 auto;padding:32px 38px 60px}.账户管理标题{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.账户管理标题 h1{font-size:25px;font-weight:500}
.账户新增{display:grid;grid-template-columns:1.1fr 1.3fr 130px auto;align-items:end;padding:22px;border:1px solid #ffffff18;border-radius:10px;background:#1e1f22;margin-bottom:25px}.账户新增 h2{grid-column:1/-1;margin-bottom:3px}.账户密码面板{max-width:640px;padding:22px;border:1px solid #b3947055;border-radius:10px;margin-bottom:25px;background:#242321}
.账户表格容器{overflow-x:auto;border:1px solid #ffffff15;border-radius:10px}.账户表格{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:560px}.账户表格 th{color:#9c948c;font-weight:400;background:#202125}.账户表格 th,.账户表格 td{padding:16px 20px;border-bottom:1px solid #ffffff0d}.账户表格 tbody tr:last-child td{border-bottom:0}.账户表格 td strong{font-weight:400;overflow-wrap:anywhere}.账户表格 select{max-width:150px;padding:7px 9px;font-size:12px}.账户操作{display:flex;align-items:center;gap:10px;justify-content:flex-start}.账户当前{color:#a28b74;font-size:10px;display:block;margin-top:5px}.账户已启用{color:#b1c7a6}.账户已停用{color:#b2958c}
.账户隐藏说明{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.账户浮动提示{position:fixed;z-index:45;top:calc(var(--顶栏) + 10px);right:24px;width:min(460px,calc(100% - 48px));max-height:calc(100dvh - var(--顶栏) - 40px);overflow:auto;box-shadow:0 8px 30px #0005}.账户浮动提示 .账户操作{margin-top:12px}.账户浮动提示 textarea{display:block;width:100%;min-height:100px;margin-top:12px;resize:vertical;background:#18191b;border:1px solid #ffffff24;border-radius:6px;padding:10px;color:#e9ddd1;font:inherit;line-height:1.6}
@media(max-width:1100px){.应用.已登录 .顶栏{grid-template-columns:auto minmax(0,1fr) auto;padding-inline:16px;gap:18px}.应用.已登录 .系统导航{justify-content:center;gap:20px}.应用.已登录 .系统导航项{font-size:15px}.顶栏账号{gap:9px}.顶栏账号信息{max-width:85px}.账户新增{grid-template-columns:1fr 1fr}.账户新增 h2{grid-column:1/-1}}
@media(max-width:780px){.应用.已登录 .品牌{font-size:18px;gap:6px}.应用.已登录 .品牌 img{width:31px;height:31px}.应用.已登录 .系统导航{gap:13px}.应用.已登录 .系统导航项{font-size:13px;letter-spacing:0}.顶栏账号{gap:7px}.顶栏账号信息{max-width:65px}.顶栏账号信息 small{display:none}.账户管理容器{padding:24px 20px}.账户管理标题{flex-direction:column;gap:0}}
@media(max-width:620px){.应用.已登录 .品牌>span{display:none}.应用.已登录 .顶栏{gap:10px;padding-inline:12px}.顶栏账号{font-size:10px}.顶栏账号信息{max-width:52px}.应用.已登录 .系统导航{gap:11px}.账户新增{grid-template-columns:1fr}.账户表格 th,.账户表格 td{padding:13px}.登录卡片{padding:26px}}