/* ============================================
 * 全局主题 Token / 主题方案
 * ============================================
 * 主题模式（浅色 / 深色）与主题方案（商务蓝 / 海湾青 / 山岚绿）分离，
 * 避免全局固定为高饱和蓝紫，减少模板化观感。
 */

:root {
  /* ---- 全局字体 ---- */
  --el-font-family: "Inter", "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;

  /* ---- 全局圆角增强 ---- */
  --el-border-radius-base: 8px;
  --el-border-radius-small: 6px;

  /* ---- 默认主题方案：商务蓝 ---- */
  --wo-theme-rgb: 60, 110, 145;
  --wo-brand-primary: #3c6e91;
  --wo-brand-primary-light: #6f93af;
  --wo-brand-primary-dark: #315977;
  --wo-brand-primary-light-3: #6f93af;
  --wo-brand-primary-light-5: #90aec3;
  --wo-brand-primary-light-7: #b7cad7;
  --wo-brand-primary-light-8: #d1dde6;
  --wo-brand-primary-light-9: #e8eff4;
  --wo-brand-primary-dark-2: #315977;
  --wo-brand-accent: #5c88a7;
  --wo-brand-accent-light: #87a9bf;
  --wo-brand-gradient: linear-gradient(135deg, #3c6e91 0%, #5c88a7 100%);
  --wo-sidebar-bg-light: linear-gradient(180deg, #22364b 0%, #2f4b64 100%);
  --wo-sidebar-bg-dark: linear-gradient(180deg, #22364b 0%, #2f4b64 100%);
  --wo-sidebar-text-light: rgba(255, 255, 255, 0.76);
  --wo-sidebar-text-dark: rgba(255, 255, 255, 0.76);
  --wo-sidebar-text-active-light: #ffffff;
  --wo-sidebar-text-active-dark: #ffffff;
  --wo-sidebar-brand-bg-light: rgba(0, 0, 0, 0.12);
  --wo-sidebar-brand-bg-dark: rgba(0, 0, 0, 0.12);
  --wo-sidebar-item-hover-light: rgba(255, 255, 255, 0.08);
  --wo-sidebar-item-hover-dark: rgba(255, 255, 255, 0.08);
  --wo-sidebar-item-active-bg-light: rgba(var(--wo-theme-rgb), 0.22);
  --wo-sidebar-item-active-bg-dark: rgba(var(--wo-theme-rgb), 0.22);
  --wo-sidebar-border-light: rgba(255, 255, 255, 0.08);
  --wo-sidebar-border-dark: rgba(255, 255, 255, 0.08);
  --wo-sidebar-bg: var(--wo-sidebar-bg-light);
  --wo-sidebar-text: var(--wo-sidebar-text-light);
  --wo-sidebar-text-active: var(--wo-sidebar-text-active-light);
  --wo-sidebar-brand-bg: var(--wo-sidebar-brand-bg-light);
  --wo-sidebar-item-hover: var(--wo-sidebar-item-hover-light);
  --wo-sidebar-item-active-bg: var(--wo-sidebar-item-active-bg-light);
  --wo-sidebar-border: var(--wo-sidebar-border-light);
  --wo-login-bg-platform: linear-gradient(135deg, #172638 0%, #27445d 52%, #1f3347 100%);
  --wo-login-bg-tenant: linear-gradient(135deg, #101d2b 0%, #1f3447 42%, #162838 100%);
  --wo-login-orb-platform-1: #3c6e91;
  --wo-login-orb-platform-2: #5c88a7;
  --wo-login-orb-platform-3: #87a9bf;
  --wo-login-orb-platform-4: #a7c0d0;
  --wo-login-orb-tenant-1: #4a87ad;
  --wo-login-orb-tenant-2: #3c6e91;
  --wo-login-orb-tenant-3: #5c88a7;
  --wo-login-orb-tenant-4: #87a9bf;
  --wo-app-header-bg-light: linear-gradient(135deg, #22364b 0%, #2f4b64 100%);
  --wo-app-header-bg-dark: linear-gradient(135deg, #111a23 0%, #203344 55%, #2f4b64 100%);
  --wo-profile-avatar-bg-light: linear-gradient(135deg, #edf3f7, #cfdde7);
  --wo-profile-avatar-bg-dark: linear-gradient(135deg, rgba(var(--wo-theme-rgb), 0.18), rgba(var(--wo-theme-rgb), 0.32));
  --wo-profile-avatar-text-light: #315977;
  --wo-profile-avatar-text-dark: #d5e3ec;

  /* ---- Element Plus 主色映射 ---- */
  --el-color-primary: var(--wo-brand-primary);
  --el-color-primary-light-3: var(--wo-brand-primary-light-3);
  --el-color-primary-light-5: var(--wo-brand-primary-light-5);
  --el-color-primary-light-7: var(--wo-brand-primary-light-7);
  --el-color-primary-light-8: var(--wo-brand-primary-light-8);
  --el-color-primary-light-9: var(--wo-brand-primary-light-9);
  --el-color-primary-dark-2: var(--wo-brand-primary-dark-2);

  /* ---- 壳层与内容区域 ---- */
  --wo-header-bg: #ffffff;
  --wo-header-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
  --wo-content-bg: #eef2f5;
  --wo-app-header-bg: var(--wo-app-header-bg-light);
  --wo-app-header-text: #ffffff;
  --wo-sub-header-bg: #ffffff;
  --wo-sub-header-border: #dde4ea;
  --wo-main-content-bg: #f6f8fa;
  --wo-card-border: #e4ebf1;
  --wo-top-nav-text: rgba(255, 255, 255, 0.74);
  --wo-top-nav-active-bg: rgba(255, 255, 255, 0.12);
  --wo-header-action-bg: rgba(255, 255, 255, 0.12);
  --wo-header-action-text: #ffffff;
  --wo-header-action-divider: rgba(255, 255, 255, 0.16);
  --wo-light-action-bg: #f3f5f7;
  --wo-light-action-text: #4b5563;
  --wo-light-action-divider: #d4dbe2;
  --wo-profile-avatar-bg: var(--wo-profile-avatar-bg-light);
  --wo-profile-avatar-text: var(--wo-profile-avatar-text-light);
  --wo-search-surface: rgba(255, 255, 255, 0.9);
  --wo-search-surface-hover: rgba(var(--wo-theme-rgb), 0.08);
  --wo-search-border: rgba(var(--wo-theme-rgb), 0.18);
  --wo-search-muted: #64748b;
  --wo-search-title: #1f2937;
  --wo-main-content-padding: 20px;
  --wo-shell-gap: 16px;
  --wo-header-action-size: 36px;
  --wo-header-avatar-size: 34px;
  --wo-header-avatar-icon-size: 18px;
}

:root[data-theme-scheme="ocean"] {
  --wo-theme-rgb: 14, 116, 144;
  --wo-brand-primary: #0e7490;
  --wo-brand-primary-light: #4493a9;
  --wo-brand-primary-dark: #0c5d74;
  --wo-brand-primary-light-3: #4493a9;
  --wo-brand-primary-light-5: #73afbd;
  --wo-brand-primary-light-7: #a7ccd4;
  --wo-brand-primary-light-8: #c9dfe4;
  --wo-brand-primary-light-9: #e7f0f2;
  --wo-brand-primary-dark-2: #0c5d74;
  --wo-brand-accent: #0284c7;
  --wo-brand-accent-light: #5ba9d8;
  --wo-brand-gradient: linear-gradient(135deg, #0e7490 0%, #0284c7 100%);
  --wo-sidebar-bg-light: linear-gradient(180deg, #0f3b49 0%, #13566a 100%);
  --wo-sidebar-bg-dark: linear-gradient(180deg, #0f3b49 0%, #13566a 100%);
  --wo-login-bg-platform: linear-gradient(135deg, #0b2430 0%, #0f4b5d 52%, #12394a 100%);
  --wo-login-bg-tenant: linear-gradient(135deg, #081a22 0%, #0c3947 42%, #0f2f3a 100%);
  --wo-login-orb-platform-1: #0e7490;
  --wo-login-orb-platform-2: #0284c7;
  --wo-login-orb-platform-3: #67b7cf;
  --wo-login-orb-platform-4: #7dd3fc;
  --wo-login-orb-tenant-1: #06b6d4;
  --wo-login-orb-tenant-2: #0e7490;
  --wo-login-orb-tenant-3: #0284c7;
  --wo-login-orb-tenant-4: #67e8f9;
  --wo-app-header-bg-light: linear-gradient(135deg, #0f3b49 0%, #13566a 100%);
  --wo-app-header-bg-dark: linear-gradient(135deg, #0a1820 0%, #103744 55%, #13566a 100%);
  --wo-profile-avatar-bg-light: linear-gradient(135deg, #ebf6f8, #c5e2e8);
  --wo-profile-avatar-text-light: #0c5d74;
  --wo-profile-avatar-text-dark: #ccebf3;
}

:root[data-theme-scheme="forest"] {
  --wo-theme-rgb: 74, 124, 89;
  --wo-brand-primary: #4a7c59;
  --wo-brand-primary-light: #749a7f;
  --wo-brand-primary-dark: #3c6548;
  --wo-brand-primary-light-3: #749a7f;
  --wo-brand-primary-light-5: #93b099;
  --wo-brand-primary-light-7: #bbd0bf;
  --wo-brand-primary-light-8: #d4e1d6;
  --wo-brand-primary-light-9: #ebf2ec;
  --wo-brand-primary-dark-2: #3c6548;
  --wo-brand-accent: #7c9a4d;
  --wo-brand-accent-light: #9cb374;
  --wo-brand-gradient: linear-gradient(135deg, #4a7c59 0%, #7c9a4d 100%);
  --wo-sidebar-bg-light: linear-gradient(180deg, #24372a 0%, #35523d 100%);
  --wo-sidebar-bg-dark: linear-gradient(180deg, #24372a 0%, #35523d 100%);
  --wo-login-bg-platform: linear-gradient(135deg, #18241b 0%, #2c4934 52%, #24372a 100%);
  --wo-login-bg-tenant: linear-gradient(135deg, #101712 0%, #22362a 42%, #1a291f 100%);
  --wo-login-orb-platform-1: #4a7c59;
  --wo-login-orb-platform-2: #7c9a4d;
  --wo-login-orb-platform-3: #9cb374;
  --wo-login-orb-platform-4: #bbd0bf;
  --wo-login-orb-tenant-1: #5b9a6d;
  --wo-login-orb-tenant-2: #4a7c59;
  --wo-login-orb-tenant-3: #7c9a4d;
  --wo-login-orb-tenant-4: #c6d9b6;
  --wo-app-header-bg-light: linear-gradient(135deg, #24372a 0%, #35523d 100%);
  --wo-app-header-bg-dark: linear-gradient(135deg, #111913 0%, #22362a 55%, #35523d 100%);
  --wo-profile-avatar-bg-light: linear-gradient(135deg, #eef4ef, #d4e2d7);
  --wo-profile-avatar-text-light: #3c6548;
  --wo-profile-avatar-text-dark: #dce9df;
}

:root[data-theme-scheme="graphite"] {
  --wo-theme-rgb: 71, 85, 105;
  --wo-brand-primary: #475569;
  --wo-brand-primary-light: #6b778a;
  --wo-brand-primary-dark: #364152;
  --wo-brand-primary-light-3: #6b778a;
  --wo-brand-primary-light-5: #8791a0;
  --wo-brand-primary-light-7: #b0b7c2;
  --wo-brand-primary-light-8: #ccd1d8;
  --wo-brand-primary-light-9: #e8ebee;
  --wo-brand-primary-dark-2: #364152;
  --wo-brand-accent: #64748b;
  --wo-brand-accent-light: #8794a6;
  --wo-brand-gradient: linear-gradient(135deg, #334155 0%, #64748b 100%);
  --wo-sidebar-bg-light: linear-gradient(180deg, #1f2937 0%, #334155 100%);
  --wo-sidebar-bg-dark: linear-gradient(180deg, #1f2937 0%, #334155 100%);
  --wo-login-bg-platform: linear-gradient(135deg, #141c27 0%, #253243 52%, #1c2734 100%);
  --wo-login-bg-tenant: linear-gradient(135deg, #0f1620 0%, #1c2938 42%, #141d29 100%);
  --wo-login-orb-platform-1: #475569;
  --wo-login-orb-platform-2: #64748b;
  --wo-login-orb-platform-3: #94a3b8;
  --wo-login-orb-platform-4: #cbd5e1;
  --wo-login-orb-tenant-1: #64748b;
  --wo-login-orb-tenant-2: #475569;
  --wo-login-orb-tenant-3: #94a3b8;
  --wo-login-orb-tenant-4: #e2e8f0;
  --wo-app-header-bg-light: linear-gradient(135deg, #1f2937 0%, #334155 100%);
  --wo-app-header-bg-dark: linear-gradient(135deg, #111827 0%, #1f2937 55%, #334155 100%);
  --wo-profile-avatar-bg-light: linear-gradient(135deg, #eef2f5, #d7dde5);
  --wo-profile-avatar-text-light: #364152;
  --wo-profile-avatar-text-dark: #e2e8f0;
}

:root[data-theme-scheme="amber"] {
  --wo-theme-rgb: 154, 107, 63;
  --wo-brand-primary: #9a6b3f;
  --wo-brand-primary-light: #b18761;
  --wo-brand-primary-dark: #7f5733;
  --wo-brand-primary-light-3: #b18761;
  --wo-brand-primary-light-5: #c5a080;
  --wo-brand-primary-light-7: #dcc0ab;
  --wo-brand-primary-light-8: #ead4c7;
  --wo-brand-primary-light-9: #f5ece6;
  --wo-brand-primary-dark-2: #7f5733;
  --wo-brand-accent: #c08a52;
  --wo-brand-accent-light: #d2a373;
  --wo-brand-gradient: linear-gradient(135deg, #7f5733 0%, #c08a52 100%);
  --wo-sidebar-bg-light: linear-gradient(180deg, #4a382c 0%, #6a503e 100%);
  --wo-sidebar-bg-dark: linear-gradient(180deg, #4a382c 0%, #6a503e 100%);
  --wo-login-bg-platform: linear-gradient(135deg, #241912 0%, #4b3527 52%, #35251b 100%);
  --wo-login-bg-tenant: linear-gradient(135deg, #1d140f 0%, #3b2a1f 42%, #2b1f18 100%);
  --wo-login-orb-platform-1: #9a6b3f;
  --wo-login-orb-platform-2: #c08a52;
  --wo-login-orb-platform-3: #d8b07b;
  --wo-login-orb-platform-4: #f0d3a8;
  --wo-login-orb-tenant-1: #b87d43;
  --wo-login-orb-tenant-2: #9a6b3f;
  --wo-login-orb-tenant-3: #c08a52;
  --wo-login-orb-tenant-4: #e8c18e;
  --wo-app-header-bg-light: linear-gradient(135deg, #4a382c 0%, #6a503e 100%);
  --wo-app-header-bg-dark: linear-gradient(135deg, #201610 0%, #443224 55%, #6a503e 100%);
  --wo-profile-avatar-bg-light: linear-gradient(135deg, #f7efe8, #ead7c5);
  --wo-profile-avatar-text-light: #7f5733;
  --wo-profile-avatar-text-dark: #f4e3d3;
}

:root[data-theme-scheme="ruby"] {
  --wo-theme-rgb: 122, 62, 70;
  --wo-brand-primary: #7a3e46;
  --wo-brand-primary-light: #955962;
  --wo-brand-primary-dark: #65333a;
  --wo-brand-primary-light-3: #955962;
  --wo-brand-primary-light-5: #ac7478;
  --wo-brand-primary-light-7: #cdafb1;
  --wo-brand-primary-light-8: #decbcc;
  --wo-brand-primary-light-9: #f2e8e8;
  --wo-brand-primary-dark-2: #65333a;
  --wo-brand-accent: #a95c57;
  --wo-brand-accent-light: #c07a74;
  --wo-brand-gradient: linear-gradient(135deg, #65333a 0%, #a95c57 100%);
  --wo-sidebar-bg-light: linear-gradient(180deg, #392126 0%, #5a3138 100%);
  --wo-sidebar-bg-dark: linear-gradient(180deg, #392126 0%, #5a3138 100%);
  --wo-login-bg-platform: linear-gradient(135deg, #201014 0%, #44272e 52%, #311a1f 100%);
  --wo-login-bg-tenant: linear-gradient(135deg, #180c10 0%, #341c23 42%, #261319 100%);
  --wo-login-orb-platform-1: #7a3e46;
  --wo-login-orb-platform-2: #a95c57;
  --wo-login-orb-platform-3: #c78982;
  --wo-login-orb-platform-4: #e2b6af;
  --wo-login-orb-tenant-1: #a95c57;
  --wo-login-orb-tenant-2: #7a3e46;
  --wo-login-orb-tenant-3: #c78982;
  --wo-login-orb-tenant-4: #f0d0cb;
  --wo-app-header-bg-light: linear-gradient(135deg, #392126 0%, #5a3138 100%);
  --wo-app-header-bg-dark: linear-gradient(135deg, #180d10 0%, #311a20 55%, #5a3138 100%);
  --wo-profile-avatar-bg-light: linear-gradient(135deg, #f7eded, #ead6d5);
  --wo-profile-avatar-text-light: #65333a;
  --wo-profile-avatar-text-dark: #f2dfdc;
}

:root[data-theme-scheme="mist"] {
  --wo-theme-rgb: 111, 143, 175;
  --wo-brand-primary: #6f8faf;
  --wo-brand-primary-light: #8ea8c0;
  --wo-brand-primary-dark: #5b7998;
  --wo-brand-primary-light-3: #8ea8c0;
  --wo-brand-primary-light-5: #a8bbcd;
  --wo-brand-primary-light-7: #c5d2dd;
  --wo-brand-primary-light-8: #dce5ec;
  --wo-brand-primary-light-9: #eff4f7;
  --wo-brand-primary-dark-2: #5b7998;
  --wo-brand-accent: #8fb4c8;
  --wo-brand-accent-light: #aac8d8;
  --wo-brand-gradient: linear-gradient(135deg, #6f8faf 0%, #8fb4c8 100%);
  --wo-sidebar-bg-light: linear-gradient(180deg, #fbfdff 0%, #f2f7fb 100%);
  --wo-sidebar-bg-dark: linear-gradient(180deg, #2a3b4d 0%, #3f5971 100%);
  --wo-sidebar-text-light: #6d8196;
  --wo-sidebar-text-dark: rgba(255, 255, 255, 0.76);
  --wo-sidebar-text-active-light: #284158;
  --wo-sidebar-text-active-dark: #ffffff;
  --wo-sidebar-brand-bg-light: rgba(111, 143, 175, 0.1);
  --wo-sidebar-brand-bg-dark: rgba(255, 255, 255, 0.08);
  --wo-sidebar-item-hover-light: rgba(111, 143, 175, 0.1);
  --wo-sidebar-item-hover-dark: rgba(255, 255, 255, 0.08);
  --wo-sidebar-item-active-bg-light: rgba(111, 143, 175, 0.16);
  --wo-sidebar-item-active-bg-dark: rgba(111, 143, 175, 0.24);
  --wo-sidebar-border-light: rgba(111, 143, 175, 0.14);
  --wo-sidebar-border-dark: rgba(255, 255, 255, 0.08);
  --wo-login-bg-platform: linear-gradient(135deg, #31475b 0%, #5d7c95 52%, #43617a 100%);
  --wo-login-bg-tenant: linear-gradient(135deg, #253749 0%, #506f87 42%, #395469 100%);
  --wo-login-orb-platform-1: #6f8faf;
  --wo-login-orb-platform-2: #8fb4c8;
  --wo-login-orb-platform-3: #c5dbe8;
  --wo-login-orb-platform-4: #dceaf4;
  --wo-login-orb-tenant-1: #7ba9c2;
  --wo-login-orb-tenant-2: #6f8faf;
  --wo-login-orb-tenant-3: #8fb4c8;
  --wo-login-orb-tenant-4: #cce0ec;
  --wo-app-header-bg-light: linear-gradient(135deg, #fcfdff 0%, #edf4f9 100%);
  --wo-app-header-bg-dark: linear-gradient(135deg, #1a2732 0%, #31495d 55%, #47617a 100%);
  --wo-profile-avatar-bg-light: linear-gradient(135deg, #f8fbfd, #dce7ef);
  --wo-profile-avatar-text-light: #47627a;
  --wo-profile-avatar-text-dark: #dce8f1;
  --wo-header-shadow: 0 8px 24px rgba(148, 163, 184, 0.18);
  --wo-content-bg: #f3f7fa;
  --wo-sub-header-border: #d8e2eb;
  --wo-main-content-bg: #f7fafc;
  --wo-card-border: #dde6ee;
  --wo-app-header-text: #26415a;
  --wo-top-nav-text: rgba(38, 65, 90, 0.72);
  --wo-top-nav-active-bg: rgba(111, 143, 175, 0.14);
  --wo-header-action-bg: rgba(111, 143, 175, 0.12);
  --wo-header-action-text: #39556e;
  --wo-header-action-divider: rgba(111, 143, 175, 0.18);
  --wo-light-action-bg: #edf4f8;
  --wo-light-action-text: #4c6277;
  --wo-light-action-divider: #d6e0e8;
  --wo-search-surface: rgba(255, 255, 255, 0.96);
  --wo-search-surface-hover: rgba(111, 143, 175, 0.1);
  --wo-search-border: rgba(111, 143, 175, 0.16);
  --wo-search-muted: #70859b;
  --wo-search-title: #22384d;
}

:root[data-theme-scheme="sage"] {
  --wo-theme-rgb: 110, 148, 125;
  --wo-brand-primary: #6e947d;
  --wo-brand-primary-light: #8cad97;
  --wo-brand-primary-dark: #5a7a67;
  --wo-brand-primary-light-3: #8cad97;
  --wo-brand-primary-light-5: #a3beab;
  --wo-brand-primary-light-7: #c3d5c8;
  --wo-brand-primary-light-8: #dae6dc;
  --wo-brand-primary-light-9: #eef4ef;
  --wo-brand-primary-dark-2: #5a7a67;
  --wo-brand-accent: #92b29b;
  --wo-brand-accent-light: #b2cbb8;
  --wo-brand-gradient: linear-gradient(135deg, #6e947d 0%, #92b29b 100%);
  --wo-sidebar-bg-light: linear-gradient(180deg, #fbfdfb 0%, #eef5f0 100%);
  --wo-sidebar-bg-dark: linear-gradient(180deg, #25342a 0%, #425c4a 100%);
  --wo-sidebar-text-light: #6f8576;
  --wo-sidebar-text-dark: rgba(255, 255, 255, 0.76);
  --wo-sidebar-text-active-light: #294135;
  --wo-sidebar-text-active-dark: #ffffff;
  --wo-sidebar-brand-bg-light: rgba(110, 148, 125, 0.1);
  --wo-sidebar-brand-bg-dark: rgba(255, 255, 255, 0.08);
  --wo-sidebar-item-hover-light: rgba(110, 148, 125, 0.1);
  --wo-sidebar-item-hover-dark: rgba(255, 255, 255, 0.08);
  --wo-sidebar-item-active-bg-light: rgba(110, 148, 125, 0.15);
  --wo-sidebar-item-active-bg-dark: rgba(110, 148, 125, 0.24);
  --wo-sidebar-border-light: rgba(110, 148, 125, 0.14);
  --wo-sidebar-border-dark: rgba(255, 255, 255, 0.08);
  --wo-login-bg-platform: linear-gradient(135deg, #2d4135 0%, #56715f 52%, #3c5144 100%);
  --wo-login-bg-tenant: linear-gradient(135deg, #233229 0%, #496454 42%, #31453a 100%);
  --wo-login-orb-platform-1: #6e947d;
  --wo-login-orb-platform-2: #92b29b;
  --wo-login-orb-platform-3: #c3d5c8;
  --wo-login-orb-platform-4: #dce9de;
  --wo-login-orb-tenant-1: #86a992;
  --wo-login-orb-tenant-2: #6e947d;
  --wo-login-orb-tenant-3: #92b29b;
  --wo-login-orb-tenant-4: #d1e2d5;
  --wo-app-header-bg-light: linear-gradient(135deg, #fcfefc 0%, #edf5ef 100%);
  --wo-app-header-bg-dark: linear-gradient(135deg, #18231c 0%, #304439 55%, #496454 100%);
  --wo-profile-avatar-bg-light: linear-gradient(135deg, #f7fcf8, #dfeae2);
  --wo-profile-avatar-text-light: #476554;
  --wo-profile-avatar-text-dark: #dce9df;
  --wo-header-shadow: 0 8px 24px rgba(148, 163, 148, 0.16);
  --wo-content-bg: #f4f8f4;
  --wo-sub-header-border: #d8e5dc;
  --wo-main-content-bg: #f8fbf8;
  --wo-card-border: #dce7df;
  --wo-app-header-text: #2d4738;
  --wo-top-nav-text: rgba(45, 71, 56, 0.72);
  --wo-top-nav-active-bg: rgba(110, 148, 125, 0.14);
  --wo-header-action-bg: rgba(110, 148, 125, 0.12);
  --wo-header-action-text: #41604d;
  --wo-header-action-divider: rgba(110, 148, 125, 0.18);
  --wo-light-action-bg: #edf5ef;
  --wo-light-action-text: #576e60;
  --wo-light-action-divider: #d6e2d9;
  --wo-search-surface: rgba(255, 255, 255, 0.96);
  --wo-search-surface-hover: rgba(110, 148, 125, 0.1);
  --wo-search-border: rgba(110, 148, 125, 0.16);
  --wo-search-muted: #718576;
  --wo-search-title: #263b30;
}

:root[data-theme-scheme="dawn"] {
  --wo-theme-rgb: 172, 117, 92;
  --wo-brand-primary: #ac755c;
  --wo-brand-primary-light: #c18f7b;
  --wo-brand-primary-dark: #8d604b;
  --wo-brand-primary-light-3: #c18f7b;
  --wo-brand-primary-light-5: #cfa595;
  --wo-brand-primary-light-7: #e1c3b7;
  --wo-brand-primary-light-8: #ecd5cd;
  --wo-brand-primary-light-9: #f7eeea;
  --wo-brand-primary-dark-2: #8d604b;
  --wo-brand-accent: #d19b83;
  --wo-brand-accent-light: #dfb6a4;
  --wo-brand-gradient: linear-gradient(135deg, #ac755c 0%, #d19b83 100%);
  --wo-sidebar-bg-light: linear-gradient(180deg, #fffaf7 0%, #f7efe9 100%);
  --wo-sidebar-bg-dark: linear-gradient(180deg, #3b2a22 0%, #5c4134 100%);
  --wo-sidebar-text-light: #8b6d5d;
  --wo-sidebar-text-dark: rgba(255, 255, 255, 0.76);
  --wo-sidebar-text-active-light: #5b4034;
  --wo-sidebar-text-active-dark: #ffffff;
  --wo-sidebar-brand-bg-light: rgba(172, 117, 92, 0.1);
  --wo-sidebar-brand-bg-dark: rgba(255, 255, 255, 0.08);
  --wo-sidebar-item-hover-light: rgba(172, 117, 92, 0.1);
  --wo-sidebar-item-hover-dark: rgba(255, 255, 255, 0.08);
  --wo-sidebar-item-active-bg-light: rgba(172, 117, 92, 0.15);
  --wo-sidebar-item-active-bg-dark: rgba(172, 117, 92, 0.24);
  --wo-sidebar-border-light: rgba(172, 117, 92, 0.14);
  --wo-sidebar-border-dark: rgba(255, 255, 255, 0.08);
  --wo-login-bg-platform: linear-gradient(135deg, #3c2b23 0%, #76523e 52%, #563c30 100%);
  --wo-login-bg-tenant: linear-gradient(135deg, #2f211b 0%, #644736 42%, #483329 100%);
  --wo-login-orb-platform-1: #ac755c;
  --wo-login-orb-platform-2: #d19b83;
  --wo-login-orb-platform-3: #e6c3b3;
  --wo-login-orb-platform-4: #f3dfd6;
  --wo-login-orb-tenant-1: #c88b6d;
  --wo-login-orb-tenant-2: #ac755c;
  --wo-login-orb-tenant-3: #d19b83;
  --wo-login-orb-tenant-4: #edd2c6;
  --wo-app-header-bg-light: linear-gradient(135deg, #fffdfb 0%, #f7efe9 100%);
  --wo-app-header-bg-dark: linear-gradient(135deg, #201611 0%, #3f2d24 55%, #604436 100%);
  --wo-profile-avatar-bg-light: linear-gradient(135deg, #fff8f4, #eedcd2);
  --wo-profile-avatar-text-light: #704d3d;
  --wo-profile-avatar-text-dark: #f2dfd7;
  --wo-header-shadow: 0 8px 24px rgba(180, 148, 127, 0.18);
  --wo-content-bg: #faf5f1;
  --wo-sub-header-border: #eadbd2;
  --wo-main-content-bg: #fcf8f5;
  --wo-card-border: #ecddd4;
  --wo-app-header-text: #67483a;
  --wo-top-nav-text: rgba(103, 72, 58, 0.72);
  --wo-top-nav-active-bg: rgba(172, 117, 92, 0.14);
  --wo-header-action-bg: rgba(172, 117, 92, 0.12);
  --wo-header-action-text: #855e4b;
  --wo-header-action-divider: rgba(172, 117, 92, 0.18);
  --wo-light-action-bg: #f6ede7;
  --wo-light-action-text: #7a5f52;
  --wo-light-action-divider: #e5d7cf;
  --wo-search-surface: rgba(255, 255, 255, 0.96);
  --wo-search-surface-hover: rgba(172, 117, 92, 0.1);
  --wo-search-border: rgba(172, 117, 92, 0.16);
  --wo-search-muted: #8c6e5e;
  --wo-search-title: #573d31;
}

:root[data-theme-mode="dark"] {
  --wo-header-bg: #111827;
  --wo-header-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  --wo-content-bg: #111827;
  --wo-app-header-bg: var(--wo-app-header-bg-dark);
  --wo-app-header-text: #f9fafb;
  --wo-sub-header-bg: #111827;
  --wo-sub-header-border: rgba(148, 163, 184, 0.22);
  --wo-main-content-bg: #0b1120;
  --wo-card-border: rgba(148, 163, 184, 0.2);
  --wo-top-nav-text: rgba(255, 255, 255, 0.72);
  --wo-top-nav-active-bg: rgba(var(--wo-theme-rgb), 0.2);
  --wo-header-action-bg: rgba(255, 255, 255, 0.08);
  --wo-header-action-text: #f9fafb;
  --wo-header-action-divider: rgba(148, 163, 184, 0.24);
  --wo-light-action-bg: rgba(255, 255, 255, 0.06);
  --wo-light-action-text: #d1d5db;
  --wo-light-action-divider: rgba(148, 163, 184, 0.2);
  --wo-profile-avatar-bg: var(--wo-profile-avatar-bg-dark);
  --wo-profile-avatar-text: var(--wo-profile-avatar-text-dark);
  --wo-search-surface: rgba(15, 23, 42, 0.82);
  --wo-search-surface-hover: rgba(var(--wo-theme-rgb), 0.18);
  --wo-search-border: rgba(var(--wo-theme-rgb), 0.34);
  --wo-search-muted: #94a3b8;
  --wo-search-title: #e5e7eb;
  --wo-sidebar-bg: var(--wo-sidebar-bg-dark);
  --wo-sidebar-text: var(--wo-sidebar-text-dark);
  --wo-sidebar-text-active: var(--wo-sidebar-text-active-dark);
  --wo-sidebar-brand-bg: var(--wo-sidebar-brand-bg-dark);
  --wo-sidebar-item-hover: var(--wo-sidebar-item-hover-dark);
  --wo-sidebar-item-active-bg: var(--wo-sidebar-item-active-bg-dark);
  --wo-sidebar-border: var(--wo-sidebar-border-dark);
}

:root[data-density="compact"] {
  --wo-main-content-padding: 16px;
  --wo-shell-gap: 12px;
  --wo-header-action-size: 32px;
  --wo-header-avatar-size: 30px;
  --wo-header-avatar-icon-size: 16px;
}

/* ---- 全局平滑过渡 ---- */
*,
*::before,
*::after {
  transition-property: background-color, border-color, box-shadow, color, opacity, transform;
  transition-duration: 0s; /* default off; components opt in */
}

/* ---- 按钮 hover 微弱上浮 ---- */
.el-button {
  transition: all 0.2s ease !important;
}

.el-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(var(--wo-theme-rgb), 0.12);
}

.el-button:active {
  transform: translateY(0);
}

/* ---- Primary 按钮渐变 ---- */
.el-button--primary {
  background: var(--wo-brand-gradient) !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(var(--wo-theme-rgb), 0.22);
}

.el-button--primary:hover {
  box-shadow: 0 4px 14px rgba(var(--wo-theme-rgb), 0.28) !important;
}

.el-button--primary.is-plain {
  background: transparent !important;
  border: 1px solid var(--wo-brand-primary) !important;
  color: var(--wo-brand-primary) !important;
}

.el-button--primary.is-plain:hover {
  background: rgba(var(--wo-theme-rgb), 0.06) !important;
}

/* ---- 表格样式增强 ---- */
.el-table {
  --el-table-border-color: var(--wo-card-border);
  --el-table-header-bg-color: var(--el-fill-color-light);
  border-radius: 8px;
  overflow: hidden;
}

.el-table th.el-table__cell {
  font-weight: 600;
  color: var(--el-text-color-primary);
  font-size: 13px;
}

.el-table .el-table__row:hover > td.el-table__cell {
  background: rgba(var(--wo-theme-rgb), 0.04) !important;
}

/* ---- 卡片增强 ---- */
.el-card {
  border: 1px solid var(--wo-card-border);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
  transition: box-shadow 0.2s ease;
}

.el-card:hover {
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.el-card__header {
  border-bottom: 1px solid var(--wo-card-border);
  padding: 16px 20px;
}

/* ---- 抽屉 / 弹窗头 ---- */
.el-drawer__header,
.el-dialog__header {
  border-bottom: 1px solid var(--wo-card-border);
  padding: 16px 20px !important;
  margin-right: 0 !important;
}

.el-drawer__title,
.el-dialog__title {
  font-weight: 700;
  font-size: 16px;
  color: var(--el-text-color-primary);
}

html.dark {
  color-scheme: dark;
}

html.dark body {
  color: var(--el-text-color-primary);
  background: var(--wo-main-content-bg);
}

html.dark .el-card,
html.dark .el-dialog,
html.dark .el-drawer {
  background-color: var(--el-bg-color-overlay);
}

html.dark .el-table {
  --el-table-header-bg-color: rgba(15, 23, 42, 0.92);
  --el-table-tr-bg-color: rgba(15, 23, 42, 0.88);
  --el-table-row-hover-bg-color: rgba(var(--wo-theme-rgb), 0.12);
  color: var(--el-text-color-primary);
}

html.dark .el-table .el-table__cell,
html.dark .el-descriptions__label,
html.dark .el-descriptions__content,
html.dark .el-form-item__label,
html.dark .el-empty__description p {
  color: var(--el-text-color-primary);
}

html.dark .el-descriptions {
  --el-descriptions-table-border: var(--wo-card-border);
}

html.dark .el-textarea__inner,
html.dark .el-input__wrapper,
html.dark .el-select__wrapper {
  color: var(--el-text-color-primary);
}

/* ---- Input 聚焦环 ---- */
.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 2px rgba(var(--wo-theme-rgb), 0.18) !important;
}

.el-textarea__inner:focus {
  box-shadow: 0 0 0 2px rgba(var(--wo-theme-rgb), 0.18) !important;
}

/* ---- Badge 渐变 ---- */
.el-badge__content--danger {
  background: linear-gradient(135deg, #ef4444, #f97316);
}

/* ---- Tag 圆角增大 ---- */
.el-tag {
  border-radius: 6px;
}

/* ---- 滚动条美化 ---- */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background: rgba(var(--wo-theme-rgb), 0.18);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--wo-theme-rgb), 0.3);
}

::-webkit-scrollbar-track {
  background: transparent;
}
