/* =====================================================================
 * 行必果企业管理系统 · 统一门户前端
 * 风格：D 暮光玻璃（2026-11-11 用户选定）
 * 深紫底 + 紫粉橙渐变 · 浮动胶囊导航 · 玻璃拟态 · 频率式信息架构
 * 无绿色主色、无蓝色模板、无旧版左侧常规导航与白卡片
 * ===================================================================== */
:root{
  --bg:#0D0A16;
  --ink:#F4F0FF;
  --ink-2:#BDB3D4;
  --ink-3:#9E95B8;
  --dim:#9E95B8;
  --line:rgba(255,255,255,.11);
  --line-soft:rgba(255,255,255,.07);
  --glass:rgba(255,255,255,.055);
  --glass-2:rgba(255,255,255,.035);
  --grad:linear-gradient(100deg,#8B5CF6 0%,#FF5C9A 55%,#FFB35C 100%);
  --violet:#8B5CF6;
  --pink:#FF5C9A;
  --amber:#FFB35C;
  --radius:24px;
  --sidebar:206px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%}
body{
  background:var(--bg);color:var(--ink);
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
code,.mono{font-family:"JetBrains Mono",Consolas,"SF Mono",Menlo,monospace;font-size:.92em;color:#D9C9FF}
strong{color:#fff;font-weight:600}
::selection{background:rgba(139,92,246,.5);color:#fff}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:9px}
::-webkit-scrollbar-track{background:transparent}
.ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-3px}

/* ---------- 背景光晕 ---------- */
.glow{position:fixed;border-radius:50%;filter:blur(110px);pointer-events:none;z-index:0;opacity:.4}
.g1{width:560px;height:560px;left:-180px;top:-200px;background:#7B4BEF}
.g2{width:480px;height:480px;right:-160px;top:220px;background:#FF5C9A;opacity:.22}
.g3{width:420px;height:420px;left:42%;bottom:-230px;background:#FF9A4D;opacity:.18}
.boot{display:flex;align-items:center;justify-content:center;gap:12px;height:100vh;color:var(--ink-2);font-size:13px;position:relative;z-index:2}
.boot-dot{width:9px;height:9px;border-radius:50%;background:var(--grad);box-shadow:0 0 18px rgba(255,92,154,.7);animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}

/* ---------- 玻璃基类 ---------- */
.glass,.card,.login-card,.stat,.mini,.topbar{
  background:var(--glass);border:1px solid var(--line);
  backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);
  border-radius:var(--radius);box-shadow:0 18px 52px rgba(0,0,0,.2);
}

/* ---------- 主布局 ---------- */
.layout{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);gap:26px;padding:26px 32px 50px;min-height:100vh;max-width:1680px;margin:0 auto}
.sidebar{display:flex;flex-direction:column;gap:9px;position:sticky;top:26px;align-self:start;height:calc(100vh - 52px)}
.brand{padding:10px 16px 18px}
.brand-row{display:flex;align-items:center;gap:11px}
.brand-mark{width:36px;height:36px;border-radius:12px;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:700;font-size:16px;box-shadow:0 8px 24px rgba(160,80,220,.3)}
.brand-name{font-size:15.5px;font-weight:700;letter-spacing:.02em}
.brand-name em,.brand-name b{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-sub{font-size:10px;letter-spacing:.14em;color:var(--dim);margin-top:4px}
.brand-ver{display:inline-block;margin-top:14px;font-size:10px;letter-spacing:.14em;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.nav{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:2px;padding-bottom:10px}
.nav::-webkit-scrollbar{width:5px}
.nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)}
.nav-label{font-size:9.5px;letter-spacing:.24em;color:#766C92;text-transform:uppercase;padding:16px 16px 8px}
.nav-group{margin-bottom:6px}
.nav-group-title{display:flex;align-items:center;gap:9px;padding:9px 14px;font-size:11px;color:#8E84AA;cursor:pointer;letter-spacing:.08em;user-select:none}
.nav-group-title .ic{width:13px;height:13px}
.nav-group-title .caret{width:11px;height:11px;margin-left:auto;transition:.2s}
.nav-group.closed .caret{transform:rotate(0deg)}
.nav-group:not(.closed) .caret{transform:rotate(90deg)}
.nav-group.closed .nav-items{display:none}
.nav-items{display:flex;flex-direction:column;gap:2px}
.nav-item{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:12px;font-size:12px;color:#B7ACD0;transition:.18s;border:1px solid transparent}
.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-item.active{background:rgba(139,92,246,.12);border-color:rgba(167,139,250,.22);color:#fff}
.nav-group .nav-item.active{background:rgba(139,92,246,.1);border-color:transparent}
.nav-item .dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.28);flex:none}
.nav-item.active .dot{background:#FF9CC2;box-shadow:0 0 9px rgba(255,92,154,.8)}
.nav-item .stage{margin-left:auto;font-size:9.5px;color:#8E84AA;font-family:Consolas,monospace}
.pill-nav{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.pill-nav .nav-item{border-radius:999px;padding:11px 17px;font-size:12.5px;border:1px solid var(--line);background:rgba(255,255,255,.045)}
.pill-nav .nav-item .t{font-size:9.5px;letter-spacing:.12em;color:#8E84AA;margin-left:auto;font-family:Consolas,monospace}
.pill-nav .nav-item.active{background:var(--grad);border-color:transparent;box-shadow:0 8px 26px rgba(160,80,220,.3);color:#fff}
.pill-nav .nav-item.active .t{color:rgba(255,255,255,.8)}
.pill-nav .nav-item.active .dot{background:#fff}
.sidebar-foot{font-size:10px;color:#6E6685;line-height:1.9;padding:14px 16px 0;border-top:1px solid var(--line-soft)}
.sidebar-foot b{color:var(--ink-2);font-weight:500}

.main{min-width:0;display:flex;flex-direction:column;gap:16px}
.topbar{display:flex;align-items:center;gap:16px;padding:16px 24px;min-height:70px;border-radius:20px}
.crumb{font-size:12px;color:var(--dim);letter-spacing:.08em}
.crumb b{color:var(--ink);font-size:15px;font-weight:600;letter-spacing:0;margin-left:6px}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mode-tag{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;letter-spacing:.06em;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:rgba(255,255,255,.04)}
.mode-tag i{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 9px rgba(255,179,92,.7)}
.mode-tag.live i{background:var(--violet);box-shadow:0 0 9px rgba(139,92,246,.8)}
.clock{font-size:11px;color:var(--dim);font-family:Consolas,monospace}
.user-chip{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-2)}
.avatar{width:30px;height:30px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;flex:none}
.menu-toggle{display:none;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--ink);border-radius:12px;width:38px;height:38px;cursor:pointer}
.menu-toggle .ic{width:18px;height:18px}
.content{min-width:0}

/* ---------- 卡片通用 ---------- */
.card{overflow:hidden}
.card-head{display:flex;align-items:center;gap:12px;padding:20px 24px 14px;border-bottom:1px solid var(--line-soft)}
.card-head h3{margin:0;font-size:15px;font-weight:600;letter-spacing:.01em}
.card-head .sub{margin-left:auto;font-size:10.5px;color:var(--dim);letter-spacing:.04em}
.card-body{padding:20px 24px 24px}
.card-pad{padding:24px}
.grid{display:grid;gap:16px}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.spacer{flex:1}

/* ---------- 焦点大卡 ---------- */
.hero,.focus-card{position:relative;overflow:hidden;min-height:222px;padding:34px 36px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--radius);border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(26px)}
.hero:before,.focus-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 14%,rgba(255,92,154,.32),transparent 56%),radial-gradient(circle at 8% 96%,rgba(139,92,246,.3),transparent 52%);pointer-events:none}
.hero>*,.focus-card>*{position:relative}
.hero h2{margin:0 0 12px;font-size:32px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.hero h2 span{background:linear-gradient(100deg,#C4A8FF,#FF9CC2,#FFC98A);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{margin:0;color:var(--ink-2);font-size:12.5px;line-height:1.9;max-width:720px}
.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.hero-tags span{font-size:10.5px;color:#D8CFEB;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);border-radius:999px;padding:6px 13px}
.eyebrow{font-size:10px;letter-spacing:.28em;color:#FFB9D4;text-transform:uppercase;margin-bottom:12px}

/* ---------- 数据卡 ---------- */
.stat{padding:20px 22px}
.stat-label{font-size:11px;letter-spacing:.08em;color:var(--dim);display:flex;align-items:center;gap:8px}
.stat-label .ic{width:14px;height:14px;color:#C4A8FF}
.stat-value{font-size:26px;font-weight:600;margin:12px 0 10px;letter-spacing:-.02em;line-height:1.2}
.stat-value.dash{color:#655C7C}
.stat-foot{font-size:10.5px;color:var(--dim);line-height:1.6}
.stat-foot.warn{color:var(--amber)}
.stat-bar{height:4px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:12px}
.stat-bar i{display:block;height:100%;background:var(--grad);opacity:.7}

/* ---------- 迷你模块卡 ---------- */
.mini{padding:20px 22px;display:block;transition:.2s;cursor:pointer}
.mini:hover{background:rgba(255,255,255,.09);transform:translateY(-2px);border-color:rgba(255,255,255,.22)}
.mini .ic-box{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,rgba(139,92,246,.55),rgba(255,92,154,.45));display:grid;place-items:center;margin-bottom:15px;color:#fff}
.mini .ic-box .ic{width:17px;height:17px}
.mini .t{font-size:14px;font-weight:600;margin-bottom:6px}
.mini .d{font-size:11px;color:var(--dim);line-height:1.7}
.mini .stg{font-size:10px;color:#FFB9D4;margin-top:13px;letter-spacing:.1em}

/* ---------- 提示条 ---------- */
.notice{display:flex;gap:12px;padding:16px 20px;border-radius:18px;border:1px solid rgba(255,179,92,.25);background:rgba(255,179,92,.08);color:var(--ink-2);font-size:12px;line-height:1.8;margin:16px 0}
.notice .ic{color:var(--amber);margin-top:3px}
.notice.ok{border-color:rgba(167,139,250,.25);background:rgba(139,92,246,.09)}
.notice.ok .ic{color:#C4A8FF}
.notice b{color:#fff}

/* ---------- 列表 ---------- */
.kv-list{display:flex;flex-direction:column}
.kv-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line-soft)}
.kv-row:last-child{border-bottom:0}
.kv-code{font-family:Consolas,monospace;font-size:10.5px;color:#C4A8FF;border:1px solid rgba(167,139,250,.28);border-radius:8px;padding:4px 8px;flex:none;min-width:48px;text-align:center}
.kv-main{min-width:0;flex:1}
.kv-name{font-size:12.5px;color:var(--ink)}
.kv-note{font-size:10.5px;color:var(--dim);margin-top:4px;line-height:1.6}
.kv-state{flex:none}
.dot-state{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2)}
.dot-state i{width:5px;height:5px;border-radius:50%;background:currentColor}
.s-ok i{background:#C4A8FF}
.s-warn i{background:var(--amber)}
.s-off{color:#7E7597}
.s-off i{background:#5F5776}
.src-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:12px}
.src-row:last-child{border-bottom:0}
.src-name{color:var(--ink)}
.pending{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:11.5px;color:var(--ink-2);line-height:1.7}
.pending:last-child{border-bottom:0}
.pending .ic{color:var(--amber);flex:none;margin-top:3px;width:14px;height:14px}
.spec-list{display:flex;flex-direction:column;gap:13px}
.spec-item{display:flex;gap:12px;font-size:11.5px;color:var(--ink-2);line-height:1.75}
.spec-item .idx{width:21px;height:21px;border-radius:7px;background:rgba(139,92,246,.18);color:#C4A8FF;display:grid;place-items:center;font-size:10px;flex:none;font-family:Consolas,monospace}

/* ---------- 徽标 ---------- */
.badge{display:inline-flex;align-items:center;font-size:10px;letter-spacing:.06em;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2);background:rgba(255,255,255,.05);white-space:nowrap}
.badge.g{color:#D9C9FF;border-color:rgba(167,139,250,.35);background:rgba(139,92,246,.16)}
.badge.a{color:#FFD2A8;border-color:rgba(255,179,92,.32);background:rgba(255,179,92,.12)}
.badge.r{color:#FFB9D4;border-color:rgba(255,92,154,.32);background:rgba(255,92,154,.12)}
.badge.mut{color:#9E95B8}

/* ---------- 页面头 ---------- */
.page-head{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:8px 4px 4px}
.page-title{margin:0;font-size:27px;font-weight:600;letter-spacing:-.01em}
.page-desc{margin:8px 0 0;font-size:12px;color:var(--dim);line-height:1.8;max-width:780px}
.page-head .badge{margin-bottom:4px}

/* ---------- 工具条 / 表单 ---------- */
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:18px 24px;border-bottom:1px solid var(--line-soft)}
.field{display:flex;flex-direction:column;gap:6px;min-width:130px}
.field label{font-size:10.5px;color:var(--dim);letter-spacing:.06em}
.field input,.field select,.login-card input{
  background:rgba(255,255,255,.055);border:1px solid var(--line);color:var(--ink);
  border-radius:11px;padding:9px 12px;font-size:12.5px;font-family:inherit;outline:none;min-width:0;width:100%;
  transition:.18s;color-scheme:dark;
}
.field input:focus,.field select:focus,.login-card input:focus{border-color:rgba(167,139,250,.65);box-shadow:0 0 0 3px rgba(139,92,246,.14)}
.field select option{background:#1A1428;color:var(--ink)}
.field input::placeholder{color:#6E6685}
.btn{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.07);border:1px solid var(--line);color:var(--ink);border-radius:11px;padding:9px 15px;font-size:12px;font-family:inherit;cursor:pointer;transition:.18s}
.btn:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.26)}
.btn.primary{background:var(--grad);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 8px 24px rgba(160,80,220,.28)}
.btn.primary:hover{filter:brightness(1.1)}
.btn .ic{width:14px;height:14px}

/* ---------- 空状态 ---------- */
.empty{padding:44px 26px;text-align:center;color:var(--dim)}
.empty-icon{width:48px;height:48px;border-radius:16px;background:rgba(139,92,246,.14);display:grid;place-items:center;margin:0 auto 16px;color:#C4A8FF}
.empty-icon .ic{width:22px;height:22px}
.empty-title{font-size:14px;color:var(--ink);font-weight:600;margin-bottom:8px}
.empty-desc{font-size:11.5px;line-height:1.9;max-width:560px;margin:0 auto}
.empty-code{display:inline-block;margin-top:14px;font-family:Consolas,monospace;font-size:10.5px;color:#8E84AA;border:1px solid var(--line);border-radius:8px;padding:6px 11px;background:rgba(255,255,255,.035)}

/* ---------- 表格 ---------- */
.tbl-wrap{overflow:auto;max-height:560px}
table{width:100%;border-collapse:collapse;font-size:12px}
th{text-align:left;padding:12px 16px;font-size:10.5px;letter-spacing:.08em;color:var(--dim);font-weight:500;background:rgba(255,255,255,.035);border-bottom:1px solid var(--line);position:sticky;top:0;backdrop-filter:blur(12px);white-space:nowrap}
td{padding:12px 16px;border-bottom:1px solid var(--line-soft);color:var(--ink-2);vertical-align:middle}
tbody tr:hover td{background:rgba(255,255,255,.035)}
td.num{text-align:right;font-family:Consolas,monospace;color:var(--ink)}
.mono{color:#CBB8FF}

/* ---------- 登录 ---------- */
.login-wrap{position:relative;z-index:2;min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(400px,100%);padding:34px 32px}
.login-card .brand-row{margin-bottom:28px}
.login-card h2{margin:0 0 6px;font-size:24px;font-weight:600}
.login-card .sub{margin:0 0 24px;font-size:11.5px;color:var(--dim)}
.login-card .field{margin-bottom:16px}
.login-card .btn{width:100%;justify-content:center;margin-top:8px;padding:11px}
.login-err{color:#FFB9D4;font-size:11.5px;margin-top:12px;min-height:16px}

/* ---------- 响应式 ---------- */
@media (max-width:1180px){
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .layout{grid-template-columns:190px minmax(0,1fr);padding:22px 22px 44px;gap:20px}
}
@media (max-width:900px){
  .layout{display:block;padding:16px}
  .sidebar{position:fixed;left:16px;top:16px;bottom:16px;width:230px;height:auto;z-index:50;
    background:rgba(20,14,34,.94);backdrop-filter:blur(30px);border:1px solid var(--line);border-radius:22px;padding:16px;
    transform:translateX(-120%);transition:.25s;box-shadow:0 20px 60px rgba(0,0,0,.5)}
  .sidebar.open{transform:translateX(0)}
  .menu-toggle{display:grid;place-items:center}
  .main{gap:12px}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid[style*="1.55fr"],.grid[style*="1.7fr"]{grid-template-columns:1fr !important}
  .hero h2{font-size:26px}
  .clock{display:none}
}
@media (max-width:560px){
  .g4{grid-template-columns:1fr}
  .topbar{padding:14px 16px}
  .page-title{font-size:22px}
  .hero{min-height:200px;padding:26px 22px}
}