/* ================================================================
   xup-themes.css — 界面皮肤系统 v2（2026-09-08）
   html[data-skin] 切换；默认 saas = 现行风格A（零规则=现状不变）
   皮肤：console / saas(默认) / corp / paper / night / brutal / glass / graphite / swiss
   覆盖三层：① --pc-* ② --v2-*（生产卡片/文字真身）③ 字面量圆角 --sk-r-*
   深色皮肤（night/graphite）由布局强制 body[data-theme=dark]，复用生产暗色结构规则，皮肤只重染色
   ================================================================ */

/* 圆角字面量默认值（= 生产现状，saas 皮肤不改变任何外观） */
:root{--sk-r-card:12px; --sk-r-badge:6px; --sk-r-chip:8px; --sk-r-inner:8px}

/* 顶栏皮肤切换器（全皮肤共用） */
.skin-sw .topbar-btn{position:relative}
.skin-menu{min-width:230px;border-radius:10px;border:1px solid var(--pc-border-strong,#DFE3EC);padding:6px}
.skin-menu .sm-h{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--pc-text-muted,#9AA0B4);font-weight:700;padding:6px 10px 4px;font-family:Consolas,monospace}
.skin-menu a{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:7px;font-size:13px;color:var(--pc-text-sub,#5A6079);text-decoration:none}
.skin-menu a:hover{background:var(--pc-primary-light,#EEF1FF);color:var(--pc-text,#171B2E)}
.skin-menu a.on{background:var(--pc-primary-light,#EEF1FF);color:var(--pc-text,#171B2E);font-weight:600}
.skin-menu a .dots{display:flex;border:1px solid rgba(127,127,127,.35);flex:none}
.skin-menu a .dots i{width:8px;height:14px;display:block}
.skin-menu a .nm{flex:1}
.skin-menu a .ck{font-size:11px;color:var(--pc-primary,#4F6BFF);visibility:hidden}
.skin-menu a.on .ck{visibility:visible}

/* ─── 基础对比度修复（全皮肤，含与皮肤无关的存量 bug）─── */
/* 子菜单 .menu-label：pc.css 旧规则给深色侧栏的浅灰字(rgba(203,213,225,.8))在白色侧栏上=隐形（存量 bug，saas 也中） */
html body:not([data-theme="dark"]) .menu-label{color:#5A6079 !important}
html body[data-theme="dark"] .menu-label{color:#E2E8F0 !important}
/* 标签页关闭 ×：#94a3b8 白底对比度 2.56 不达标 */
.wb-tab-close{color:#64748B !important}
html[data-skin="night"] .wb-tab-close,html[data-skin="graphite"] .wb-tab-close{color:#8A93A5 !important}
/* 铃铛未读徽标：换肤后浅色字落在白徽标上不可见；深色顶栏皮肤下按钮本身去白底 */
.topbar .notification-badge{background:#DC2626 !important;color:#fff !important}
html[data-skin="console"] .topbar .topbar-btn,
html[data-skin="corp"] .topbar .topbar-btn,
html[data-skin="swiss"] .topbar .topbar-btn{background:transparent !important}
/* corp 藏青侧栏：品牌名/子菜单文字提亮（选择器特异性必须压过 pc.css 14.8 的 !important 链） */
html[data-skin="corp"] body:not([data-theme="dark"]) .app-shell .sidebar-brand,
html[data-skin="corp"] body:not([data-theme="dark"]) .app-shell .sidebar-brand-text{color:#fff !important}
html[data-skin="corp"] body:not([data-theme="dark"]) .menu-label{color:#B9C6DB !important}
/* 面包屑当前页 .current：跟随深色顶栏皮肤 */
html[data-skin="console"] .topbar .breadcrumb-nav .current,
html[data-skin="corp"] .topbar .breadcrumb-nav .current,
html[data-skin="swiss"] .topbar .breadcrumb-nav .current{color:#E2E8F0 !important}
/* 首页布局切换器：浅色按钮皮肤上「选中态」浅底必须配深色字 */
html[data-skin="night"]{--lay-on-fg:#0B0E14}
html[data-skin="graphite"]{--lay-on-fg:#141519}
/* 深色/藏青侧栏上的 logo（logo.png 为深蓝原色，暗底必须衬白，08-31 教训） */
html[data-skin="corp"] .sidebar-brand-img,
html[data-skin="night"] .sidebar-brand-img,
html[data-skin="graphite"] .sidebar-brand-img{background:#fff;padding:2px 8px;border-radius:4px}
/* 新粗野：公告 tag 蓝字落黄底 */
html[data-skin="brutal"] .wk-tag{color:#000 !important;background:#FFEB3B !important;border:1px solid #000}

/* 徽章主色跟随皮肤（破 pc.css 14.5 写死的品牌蓝） */
html[data-skin]:not([data-skin="saas"]):not([data-theme="dark"]) .badge.bg-primary,
html[data-skin]:not([data-skin="saas"]) body:not([data-theme="dark"]) .badge.bg-primary,
html[data-skin]:not([data-skin="saas"]) body:not([data-theme="dark"]) .badge.bg-qc{
    background:var(--pc-primary-soft) !important; color:var(--pc-primary) !important;
}
/* 标签页栏跟随皮肤（.wb-tab-item 生产写死浅色） */
html[data-skin="console"] .wb-tab-item{border-radius:0;background:#F1F3F6;border-color:var(--pc-border);color:var(--pc-text-sub)}
html[data-skin="console"] .wb-tab-item.active{background:#fff;color:var(--pc-text);border-bottom-color:var(--pc-text)}
html[data-skin="brutal"] .wb-tab-bar{border-bottom:3px solid #000}
html[data-skin="brutal"] .wb-tab-item{border:2px solid #000;border-radius:0;background:#fff;color:#000;font-weight:600}
html[data-skin="brutal"] .wb-tab-item.active{background:#FFEB3B;border-bottom-color:#000}
html[data-skin="swiss"] .wb-tab-bar{border-bottom:2px solid #111}
html[data-skin="swiss"] .wb-tab-item{border:1.5px solid #111;border-radius:0;background:#fff;color:#111}
html[data-skin="swiss"] .wb-tab-item.active{background:#FBE5E6;border-bottom-color:#E30613;color:#111}
html[data-skin="corp"] .wb-tab-item{border-radius:2px}
html[data-skin="paper"] .wb-tab-item{border-radius:2px;background:#fff}
html[data-skin="paper"] .wb-tab-item.active{border-bottom-color:#111;color:#111}
html[data-skin="glass"] .wb-tab-bar{background:rgba(255,255,255,.55);backdrop-filter:blur(14px)}
html[data-skin="glass"] .wb-tab-item{background:rgba(255,255,255,.6);border-color:rgba(255,255,255,.8);border-radius:10px}
html[data-skin="glass"] .wb-tab-item.active{background:#fff;color:var(--pc-primary);border-bottom-color:var(--pc-primary)}
/* 深色皮肤：标签页栏 + 关闭按钮区 */
html[data-skin="night"] .wb-tab-bar,html[data-skin="graphite"] .wb-tab-bar{background:#11151D;border-bottom-color:#2A3140}
html[data-skin="graphite"] .wb-tab-bar{background:#141519}
html[data-skin="night"] .wb-tab-item,html[data-skin="graphite"] .wb-tab-item{background:#1A202B;border-color:#2A3140;color:#B9C2D0}
html[data-skin="night"] .wb-tab-item.active,html[data-skin="graphite"] .wb-tab-item.active{background:#151A23;color:#EDEEF0}
html[data-skin="night"] .wb-tab-item.active{border-bottom-color:#D97706}
html[data-skin="graphite"] .wb-tab-item.active{border-bottom-color:#7C8CFF}
html[data-skin="night"] .wb-tab-close,html[data-skin="graphite"] .wb-tab-close{color:#8A93A5}
html[data-skin="night"] .wb-tab-action-btn,html[data-skin="graphite"] .wb-tab-action-btn{background:#1A202B;border-color:#2A3140;color:#B9C2D0}

/* 圆角字面量统一重定向（非默认皮肤生效） */
html[data-skin]:not([data-skin="saas"]) .metric-card,
html[data-skin]:not([data-skin="saas"]) .chart-card,
html[data-skin]:not([data-skin="saas"]) .recent-card,
html[data-skin]:not([data-skin="saas"]) .mini-panel,
html[data-skin]:not([data-skin="saas"]) .pc-stat{border-radius:var(--sk-r-card) !important}
html[data-skin]:not([data-skin="saas"]) .badge{border-radius:var(--sk-r-badge) !important}
html[data-skin]:not([data-skin="saas"]) .quick-action-btn,
html[data-skin]:not([data-skin="saas"]) .pc-filter-btn{border-radius:var(--sk-r-chip) !important}
html[data-skin]:not([data-skin="saas"]) .metric-card .metric-label i{border-radius:var(--sk-r-inner) !important}

/* ═══════════════ ① console 控制台：黑白·直角·琥珀 ═══════════════ */
html[data-skin="console"]{
    --pc-primary:#0F172A; --pc-primary-hover:#1E2A44; --pc-primary-light:#F1F3F6;
    --pc-primary-soft:rgba(15,23,42,.08); --pc-primary-shadow:none;
    --pc-bg:#F3F4F6; --pc-text:#0F172A; --pc-text-sub:#334155; --pc-text-muted:#6B7280;
    --pc-border:#D7DBE0; --pc-border-strong:#B9C0CC;
    --pc-radius:0px; --pc-radius-sm:0px; --pc-radius-lg:0px;
    --pc-shadow-xs:none; --pc-shadow-sm:none; --pc-shadow-md:none; --pc-shadow-lg:0 8px 28px rgba(10,15,30,.25);
    --wb-primary:#0F172A; --wb-primary-hover:#1E2A44; --wb-primary-light:#F1F3F6; --wb-accent:#B45309;
    --v2-primary:#0F172A; --v2-primary-hover:#1E2A44; --v2-primary-light:#F1F3F6; --v2-primary-soft:rgba(15,23,42,.08);
    --v2-bg:#F3F4F6; --v2-surface:#FFFFFF; --v2-surface-soft:#F7F8FA;
    --v2-border:#D7DBE0; --v2-border-light:#E5E8EC;
    --v2-title:#0F172A; --v2-body:#334155; --v2-caption:#6B7280; --v2-disabled:#9CA3AF;
    --v2-radius-sm:0px; --v2-radius-md:0px; --v2-radius-lg:0px; --v2-radius-xl:0px;
    --v2-shadow-xs:none; --v2-shadow-sm:none; --v2-shadow-md:none; --v2-shadow-lg:0 8px 28px rgba(10,15,30,.25); --v2-shadow-xl:0 8px 28px rgba(10,15,30,.25);
    --sk-r-card:0px; --sk-r-badge:0px; --sk-r-chip:0px; --sk-r-inner:0px;
}
html[data-skin="console"] .btn-primary{background:#0F172A !important;border-color:#0F172A !important;box-shadow:none !important}
html[data-skin="console"] .btn-primary:hover{background:#1E2A44 !important}
html[data-skin="console"] .badge{border:1px solid var(--pc-border-strong)}
html[data-skin="console"] .table thead th{background:#EAEDF2;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-family:Consolas,monospace}
html[data-skin="console"] .topbar{background:#0F172A !important;border-bottom:1px solid #0F172A !important}
html[data-skin="console"] .topbar .topbar-btn,html[data-skin="console"] .topbar .breadcrumb,html[data-skin="console"] .topbar .topbar-title,html[data-skin="console"] .topbar .user-chip-simple{color:#E2E8F0 !important}
html[data-skin="console"] .topbar .topbar-btn:hover{background:#1E2A44 !important;color:#fff !important}
html[data-skin="console"] body:not([data-theme="dark"]) .sidebar-menu a.active,
html[data-skin="console"] body:not([data-theme="dark"]) .nav-group-header.active-link{background:#F1F3F6 !important;color:#0F172A !important;font-weight:700;border-left:3px solid #0F172A}
html[data-skin="console"] .form-control,html[data-skin="console"] .form-select{border-radius:0}
html[data-skin="console"] .pagination .page-link{border-radius:0}

/* ═══════════════ ③ corp 企业藏青 ═══════════════ */
html[data-skin="corp"]{
    --pc-primary:#1A56A8; --pc-primary-hover:#154689; --pc-primary-light:#E4EDF8;
    --pc-primary-soft:rgba(26,86,168,.10); --pc-primary-shadow:none;
    --pc-bg:#EEF1F5; --pc-text:#16233D; --pc-text-sub:#3D4C66; --pc-text-muted:#71809A;
    --pc-border:#C9D2DF; --pc-border-strong:#AAB8CC;
    --pc-radius:2px; --pc-radius-sm:2px; --pc-radius-lg:4px;
    --pc-shadow-xs:none; --pc-shadow-sm:0 1px 2px rgba(22,35,61,.08); --pc-shadow-md:0 4px 14px rgba(22,35,61,.12);
    --wb-primary:#1A56A8; --wb-primary-hover:#154689; --wb-primary-light:#E4EDF8; --wb-accent:#D97706;
    --v2-primary:#1A56A8; --v2-primary-hover:#154689; --v2-primary-light:#E4EDF8; --v2-primary-soft:rgba(26,86,168,.10);
    --v2-bg:#EEF1F5; --v2-surface:#FFFFFF; --v2-surface-soft:#F5F7FA;
    --v2-border:#C9D2DF; --v2-border-light:#DDE3EC;
    --v2-title:#16233D; --v2-body:#3D4C66; --v2-caption:#71809A;
    --v2-radius-sm:2px; --v2-radius-md:2px; --v2-radius-lg:2px; --v2-radius-xl:4px;
    --sk-r-card:2px; --sk-r-badge:2px; --sk-r-chip:2px; --sk-r-inner:2px;
}
html[data-skin="corp"] body:not([data-theme="dark"]) .sidebar-shell{background:#16233D !important;border-right:1px solid #16233D !important}
html[data-skin="corp"] body:not([data-theme="dark"]) .sidebar-shell .sidebar-brand-area{border-bottom-color:#24395E !important}
html[data-skin="corp"] body:not([data-theme="dark"]) .sidebar-menu a,
html[data-skin="corp"] body:not([data-theme="dark"]) .nav-group-header,
html[data-skin="corp"] body:not([data-theme="dark"]) .nav-group-text,
html[data-skin="corp"] body:not([data-theme="dark"]) .sidebar-shell .nav-group-title{color:#B9C6DB !important}
html[data-skin="corp"] body:not([data-theme="dark"]) .sidebar-menu a:hover,
html[data-skin="corp"] body:not([data-theme="dark"]) .nav-group-header:hover{background:#1E2F4F !important;color:#fff !important}
html[data-skin="corp"] body:not([data-theme="dark"]) .sidebar-menu a.active,
html[data-skin="corp"] body:not([data-theme="dark"]) .nav-group-header.active-link{background:#24395E !important;color:#fff !important;border-left:3px solid #D97706}
html[data-skin="corp"] .topbar{background:#1B2A4A !important;border-bottom:1px solid #1B2A4A !important}
html[data-skin="corp"] .topbar .topbar-btn,html[data-skin="corp"] .topbar .breadcrumb,html[data-skin="corp"] .topbar .topbar-title,html[data-skin="corp"] .topbar .user-chip-simple{color:#DCE5F2 !important}
html[data-skin="corp"] .btn-primary{background:#1A56A8 !important;border-color:#1A56A8 !important;box-shadow:none !important}

/* ═══════════════ ④ paper 素纸 ═══════════════ */
html[data-skin="paper"]{
    --pc-primary:#111418; --pc-primary-hover:#2A2F36; --pc-primary-light:#F4F5F6;
    --pc-primary-soft:rgba(17,20,24,.06); --pc-primary-shadow:none;
    --pc-bg:#FFFFFF; --pc-text:#111418; --pc-text-sub:#3E434C; --pc-text-muted:#8B919C;
    --pc-border:#E5E7EB; --pc-border-strong:#C9CDD3;
    --pc-radius:2px; --pc-radius-sm:2px; --pc-radius-lg:4px;
    --pc-shadow-xs:none; --pc-shadow-sm:none; --pc-shadow-md:0 4px 16px rgba(17,20,24,.08);
    --wb-primary:#111418; --wb-primary-hover:#2A2F36; --wb-primary-light:#F4F5F6; --wb-accent:#1D4ED8;
    --v2-primary:#111418; --v2-primary-hover:#2A2F36; --v2-primary-light:#F4F5F6; --v2-primary-soft:rgba(17,20,24,.06);
    --v2-bg:#FFFFFF; --v2-surface:#FFFFFF; --v2-surface-soft:#FAFAFA;
    --v2-border:#E5E7EB; --v2-border-light:#EFF1F3;
    --v2-title:#111418; --v2-body:#3E434C; --v2-caption:#8B919C;
    --v2-radius-sm:2px; --v2-radius-md:2px; --v2-radius-lg:2px; --v2-radius-xl:4px;
    --v2-shadow-xs:none; --v2-shadow-sm:none; --v2-shadow-md:0 4px 16px rgba(17,20,24,.08);
    --sk-r-card:2px; --sk-r-badge:2px; --sk-r-chip:2px; --sk-r-inner:2px;
}
html[data-skin="paper"] .btn-primary{background:#111418 !important;border-color:#111418 !important;box-shadow:none !important}
html[data-skin="paper"] .card{box-shadow:none !important}
html[data-skin="paper"] .table thead th{background:#fff;border-bottom:1.5px solid #111418}
html[data-skin="paper"] .badge{background:#fff !important;border:1px solid var(--pc-border-strong)}
html[data-skin="paper"] a{color:#1D4ED8}
html[data-skin="paper"] .topbar{background:#fff !important}

/* ═══════════════ ⑤ night 夜航（强制 dark 主题 + 重染） ═══════════════ */
html[data-skin="night"]{
    --pc-primary:#E8EBF0; --pc-primary-hover:#C9D0DB; --pc-primary-light:#1A202B;
    --pc-primary-soft:rgba(217,119,6,.14); --pc-primary-shadow:none;
    --pc-bg:#0B0E14; --pc-text:#E6E9F2; --pc-text-sub:#B9C2D0; --pc-text-muted:#8A93A5;
    --pc-border:#2A3140; --pc-border-strong:#39424F;
    --pc-radius:4px; --pc-radius-sm:4px; --pc-radius-lg:6px;
    --pc-shadow-xs:none; --pc-shadow-sm:0 2px 8px rgba(0,0,0,.4); --pc-shadow-md:0 8px 24px rgba(0,0,0,.5);
    --wb-primary:#E8EBF0; --wb-primary-hover:#C9D0DB; --wb-primary-light:#1A202B; --wb-accent:#D97706;
    --sk-r-card:4px; --sk-r-badge:4px; --sk-r-chip:4px; --sk-r-inner:4px;
}
html[data-skin="night"] body[data-theme="dark"]{
    --v2-primary:#E8EBF0; --v2-primary-hover:#C9D0DB; --v2-primary-light:#1A202B; --v2-primary-soft:rgba(217,119,6,.14);
    --v2-success:#4ADE9C; --v2-success-bg:rgba(74,222,156,.12);
    --v2-warning:#F0B45A; --v2-warning-bg:rgba(240,180,90,.12);
    --v2-error:#F87171; --v2-error-bg:rgba(248,113,113,.12);
    --v2-info:#6FA8DC; --v2-info-bg:rgba(111,168,220,.12);
    --v2-title:#E6E9F2; --v2-body:#B9C2D0; --v2-caption:#8A93A5; --v2-disabled:#5B6472;
    --v2-bg:#0B0E14; --v2-surface:#151A23; --v2-surface-soft:#1A202B;
    --v2-border:#2A3140; --v2-border-light:#212837;
    --v2-radius-sm:4px; --v2-radius-md:4px; --v2-radius-lg:4px; --v2-radius-xl:6px;
}
html[data-skin="night"] body[data-theme="dark"] .sidebar-shell{background:#11151D !important}
html[data-skin="night"] body[data-theme="dark"] .topbar{background:#11151D !important;border-bottom:1px solid #2A3140 !important}
html[data-skin="night"] body[data-theme="dark"] .sidebar-menu a.active,
html[data-skin="night"] body[data-theme="dark"] .nav-group-header.active-link{border-left:3px solid #D97706}
html[data-skin="night"] .btn-primary{background:#E8EBF0 !important;color:#0B0E14 !important;border-color:#E8EBF0 !important;box-shadow:none !important}
html[data-skin="night"] .btn-primary:hover{background:#C9D0DB !important}

/* ═══════════════ ⑧ graphite 石墨（强制 dark + Linear 中性调） ═══════════════ */
html[data-skin="graphite"]{
    --pc-primary:#EDEEF0; --pc-primary-hover:#D4D6DB; --pc-primary-light:#232529;
    --pc-primary-soft:rgba(124,140,255,.14); --pc-primary-shadow:none;
    --pc-bg:#18191D; --pc-text:#EDEEF0; --pc-text-sub:#C4C7CC; --pc-text-muted:#8B8F97;
    --pc-border:#2C2E35; --pc-border-strong:#3A3D45;
    --pc-radius:6px; --pc-radius-sm:6px; --pc-radius-lg:8px;
    --pc-shadow-xs:none; --pc-shadow-sm:0 2px 8px rgba(0,0,0,.35); --pc-shadow-md:0 8px 24px rgba(0,0,0,.45);
    --wb-primary:#EDEEF0; --wb-primary-hover:#D4D6DB; --wb-primary-light:#232529; --wb-accent:#7C8CFF;
    --sk-r-card:6px; --sk-r-badge:6px; --sk-r-chip:6px; --sk-r-inner:6px;
}
html[data-skin="graphite"] body[data-theme="dark"]{
    --v2-primary:#EDEEF0; --v2-primary-hover:#D4D6DB; --v2-primary-light:#232529; --v2-primary-soft:rgba(124,140,255,.14);
    --v2-success:#5CC98F; --v2-success-bg:rgba(92,201,143,.12);
    --v2-warning:#E0A75E; --v2-warning-bg:rgba(224,167,94,.12);
    --v2-error:#F07178; --v2-error-bg:rgba(240,113,120,.12);
    --v2-info:#7C8CFF; --v2-info-bg:rgba(124,140,255,.12);
    --v2-title:#EDEEF0; --v2-body:#C4C7CC; --v2-caption:#8B8F97; --v2-disabled:#5C6068;
    --v2-bg:#18191D; --v2-surface:#1F2126; --v2-surface-soft:#232529;
    --v2-border:#2C2E35; --v2-border-light:#24262C;
    --v2-radius-sm:6px; --v2-radius-md:6px; --v2-radius-lg:6px; --v2-radius-xl:8px;
}
html[data-skin="graphite"] body[data-theme="dark"] .sidebar-shell{background:#141519 !important}
html[data-skin="graphite"] body[data-theme="dark"] .topbar{background:#141519 !important;border-bottom:1px solid #2C2E35 !important}
html[data-skin="graphite"] body[data-theme="dark"] .sidebar-menu a.active,
html[data-skin="graphite"] body[data-theme="dark"] .nav-group-header.active-link{border-left:3px solid #7C8CFF}
html[data-skin="graphite"] .btn-primary{background:#EDEEF0 !important;color:#141519 !important;border-color:#EDEEF0 !important;box-shadow:none !important}
html[data-skin="graphite"] .btn-primary:hover{background:#D4D6DB !important}

/* ═══════════════ ⑥ brutal 新粗野 ═══════════════ */
html[data-skin="brutal"]{
    --pc-primary:#2196F3; --pc-primary-hover:#1976D2; --pc-primary-light:#FFF9C4;
    --pc-primary-soft:rgba(33,150,243,.14); --pc-primary-shadow:none;
    --pc-bg:#FDFBF3; --pc-text:#000000; --pc-text-sub:#1A1A1A; --pc-text-muted:#5C5C5C;
    --pc-border:#000000; --pc-border-strong:#000000;
    --pc-radius:0px; --pc-radius-sm:0px; --pc-radius-lg:0px;
    --pc-shadow-xs:3px 3px 0 #000; --pc-shadow-sm:4px 4px 0 rgba(0,0,0,.9); --pc-shadow-md:6px 6px 0 rgba(0,0,0,.9); --pc-shadow-lg:8px 8px 0 rgba(0,0,0,.9);
    --wb-primary:#2196F3; --wb-primary-hover:#1976D2; --wb-primary-light:#FFF9C4; --wb-accent:#FF5252;
    --v2-primary:#2196F3; --v2-primary-hover:#1976D2; --v2-primary-light:#FFF9C4; --v2-primary-soft:rgba(33,150,243,.14);
    --v2-bg:#FDFBF3; --v2-surface:#FFFFFF; --v2-surface-soft:#F8F5E9;
    --v2-border:#000000; --v2-border-light:#3A3A3A;
    --v2-title:#000000; --v2-body:#1A1A1A; --v2-caption:#5C5C5C;
    --v2-radius-sm:0px; --v2-radius-md:0px; --v2-radius-lg:0px; --v2-radius-xl:0px;
    --v2-shadow-xs:3px 3px 0 #000; --v2-shadow-sm:4px 4px 0 rgba(0,0,0,.9); --v2-shadow-md:6px 6px 0 rgba(0,0,0,.9); --v2-shadow-lg:8px 8px 0 rgba(0,0,0,.9); --v2-shadow-xl:8px 8px 0 rgba(0,0,0,.9);
    --sk-r-card:0px; --sk-r-badge:0px; --sk-r-chip:0px; --sk-r-inner:0px;
}
html[data-skin="brutal"] .card{border:3px solid #000 !important}
html[data-skin="brutal"] .btn{border:2px solid #000 !important;box-shadow:3px 3px 0 #000;font-weight:800}
html[data-skin="brutal"] .btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #000}
html[data-skin="brutal"] .btn-primary{background:#2196F3 !important;color:#fff !important}
html[data-skin="brutal"] .badge{border:2px solid #000 !important;font-weight:800;background:#fff !important;color:#000 !important}
html[data-skin="brutal"] .badge.bg-success{color:#1B5E20 !important;background:#C8E6C9 !important}
html[data-skin="brutal"] .badge.bg-danger{color:#B71C1C !important;background:#FFCDD2 !important}
html[data-skin="brutal"] .badge.bg-warning{color:#E65100 !important;background:#FFE0B2 !important}
html[data-skin="brutal"] .table thead th{background:#FFEB3B !important;color:#000 !important;border-bottom:3px solid #000 !important;font-weight:800}
html[data-skin="brutal"] .topbar{background:#FFEB3B !important;border-bottom:3px solid #000 !important}
html[data-skin="brutal"] .topbar .topbar-btn,html[data-skin="brutal"] .topbar .breadcrumb,html[data-skin="brutal"] .topbar .topbar-title,html[data-skin="brutal"] .topbar .user-chip-simple{color:#000 !important}
html[data-skin="brutal"] body:not([data-theme="dark"]) .sidebar-shell{border-right:3px solid #000 !important}
html[data-skin="brutal"] body:not([data-theme="dark"]) .sidebar-menu a.active,
html[data-skin="brutal"] body:not([data-theme="dark"]) .nav-group-header.active-link{background:#FFEB3B !important;color:#000 !important;border-left:4px solid #000;font-weight:800}
html[data-skin="brutal"] .form-control,html[data-skin="brutal"] .form-select{border:2px solid #000 !important;font-weight:600;border-radius:0}
html[data-skin="brutal"] .pagination .page-link{border:2px solid #000;font-weight:700;border-radius:0}
html[data-skin="brutal"] .pagination .page-item.active .page-link{background:#FFEB3B !important;color:#000 !important;border-color:#000}

/* ═══════════════ ⑦ glass 琉璃 ═══════════════ */
html[data-skin="glass"]{
    --pc-primary:#2E5BFF; --pc-primary-hover:#1E45D8; --pc-primary-light:rgba(46,91,255,.12);
    --pc-primary-soft:rgba(46,91,255,.10); --pc-primary-shadow:0 6px 18px rgba(46,91,255,.25);
    --pc-bg:transparent; --pc-text:#17233B; --pc-text-sub:#33415C; --pc-text-muted:#6B7891;
    --pc-border:rgba(23,35,59,.12); --pc-border-strong:rgba(23,35,59,.2);
    --pc-radius:14px; --pc-radius-sm:10px; --pc-radius-lg:16px;
    --pc-shadow-xs:none; --pc-shadow-sm:0 8px 32px rgba(23,35,59,.10); --pc-shadow-md:0 12px 40px rgba(23,35,59,.14);
    --wb-primary:#2E5BFF; --wb-primary-hover:#1E45D8; --wb-primary-light:rgba(46,91,255,.12); --wb-accent:#2E5BFF;
    --v2-primary:#2E5BFF; --v2-primary-hover:#1E45D8; --v2-primary-light:rgba(46,91,255,.12); --v2-primary-soft:rgba(46,91,255,.10);
    --v2-bg:transparent; --v2-surface:rgba(255,255,255,.72); --v2-surface-soft:rgba(255,255,255,.55);
    --v2-border:rgba(255,255,255,.75); --v2-border-light:rgba(23,35,59,.08);
    --v2-title:#17233B; --v2-body:#33415C; --v2-caption:#6B7891;
    --v2-radius-sm:10px; --v2-radius-md:12px; --v2-radius-lg:14px; --v2-radius-xl:16px;
    --v2-shadow-xs:none; --v2-shadow-sm:0 8px 32px rgba(23,35,59,.10); --v2-shadow-md:0 12px 40px rgba(23,35,59,.14);
    --sk-r-card:14px; --sk-r-badge:99px; --sk-r-chip:99px; --sk-r-inner:10px;
}
html[data-skin="glass"] body:not([data-theme="dark"]){background:linear-gradient(155deg,#C9D8F0 0%,#E3EAF6 38%,#CFE0EE 70%,#E8E4F2 100%) !important;background-attachment:fixed !important}
html[data-skin="glass"] .main-area{background:transparent !important}
html[data-skin="glass"] .card,html[data-skin="glass"] .metric-card,html[data-skin="glass"] .chart-card,html[data-skin="glass"] .recent-card,html[data-skin="glass"] .mini-panel,html[data-skin="glass"] .pc-stat{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html[data-skin="glass"] .topbar{background:rgba(255,255,255,.6) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.7) !important}
html[data-skin="glass"] body:not([data-theme="dark"]) .sidebar-shell{background:rgba(255,255,255,.5) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid rgba(255,255,255,.7) !important}
html[data-skin="glass"] .table thead th{background:rgba(255,255,255,.55)}
html[data-skin="glass"] .modal-content{background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}
html[data-skin="glass"] .form-control,html[data-skin="glass"] .form-select{background:rgba(255,255,255,.75) !important}

/* ═══════════════ ⑨ swiss 瑞士红 ═══════════════ */
html[data-skin="swiss"]{
    --pc-primary:#E30613; --pc-primary-hover:#B8050F; --pc-primary-light:#FBE5E6;
    --pc-primary-soft:rgba(227,6,19,.08); --pc-primary-shadow:none;
    --pc-bg:#F4F2EC; --pc-text:#111111; --pc-text-sub:#2B2B2B; --pc-text-muted:#7A776F;
    --pc-border:#111111; --pc-border-strong:#111111;
    --pc-radius:0px; --pc-radius-sm:0px; --pc-radius-lg:0px;
    --pc-shadow-xs:none; --pc-shadow-sm:none; --pc-shadow-md:0 4px 0 rgba(17,17,17,.15);
    --wb-primary:#E30613; --wb-primary-hover:#B8050F; --wb-primary-light:#FBE5E6; --wb-accent:#E30613;
    --v2-primary:#E30613; --v2-primary-hover:#B8050F; --v2-primary-light:#FBE5E6; --v2-primary-soft:rgba(227,6,19,.08);
    --v2-bg:#F4F2EC; --v2-surface:#FFFFFF; --v2-surface-soft:#EFEDE6;
    --v2-border:#111111; --v2-border-light:#3A3A3A;
    --v2-title:#111111; --v2-body:#2B2B2B; --v2-caption:#7A776F;
    --v2-radius-sm:0px; --v2-radius-md:0px; --v2-radius-lg:0px; --v2-radius-xl:0px;
    --v2-shadow-xs:none; --v2-shadow-sm:none; --v2-shadow-md:0 4px 0 rgba(17,17,17,.15);
    --sk-r-card:0px; --sk-r-badge:0px; --sk-r-chip:0px; --sk-r-inner:0px;
}
html[data-skin="swiss"] .btn-primary{background:#E30613 !important;border:2px solid #111 !important;box-shadow:none !important;font-weight:800}
html[data-skin="swiss"] .card{border:1.5px solid #111 !important;box-shadow:none !important}
html[data-skin="swiss"] .badge{border:1.5px solid #111 !important;background:#fff !important;color:#111 !important;font-weight:700}
html[data-skin="swiss"] .table thead th{background:#EFEDE6 !important;border-bottom:2px solid #111 !important;color:#111;font-weight:800}
html[data-skin="swiss"] .topbar{background:#111 !important;border-bottom:2px solid #111 !important}
html[data-skin="swiss"] .topbar .topbar-btn,html[data-skin="swiss"] .topbar .breadcrumb,html[data-skin="swiss"] .topbar .topbar-title,html[data-skin="swiss"] .topbar .user-chip-simple{color:#fff !important}
html[data-skin="swiss"] body:not([data-theme="dark"]) .sidebar-shell{border-right:2px solid #111 !important}
html[data-skin="swiss"] body:not([data-theme="dark"]) .sidebar-menu a.active,
html[data-skin="swiss"] body:not([data-theme="dark"]) .nav-group-header.active-link{background:#FBE5E6 !important;color:#111 !important;border-left:4px solid #E30613;font-weight:800}
html[data-skin="swiss"] .form-control,html[data-skin="swiss"] .form-select{border:1.5px solid #111;border-radius:0}
html[data-skin="swiss"] .pagination .page-link{border:1.5px solid #111;border-radius:0}
html[data-skin="swiss"] .pagination .page-item.active .page-link{background:#111 !important;border-color:#111}