/* ═══════════════════════════════════════════════════════════════════════
   法之道 CRM · 液态玻璃风（Glassmorphism）全站覆盖层  v1.0
   ───────────────────────────────────────────────────────────────────────
   田总 2026-11-11 规格：
     · 背景：暖桃 #E4C0A6 → 灰粉 #D4B8AC → 浅杏 #EBD7CC，+ 一两道白色半透明光弧
     · 卡片：白 45–60% 磨砂玻璃 blur(28px) saturate(140%)、1px 白描边、
             顶部内侧细高光、24px 圆角、大而柔的阴影
     · 层级：主面板一层玻璃，内部模块再叠一层；榜单类用 #F3F1F1 实底；
             一张 #1B1B19 深色卡压住画面，顶部带铜色光晕
     · 强调：铜橙 #B66D44（当前项/标签）；图表 #E7A471 → #C5A0AB 竖向渐变
     · 字体：几何无衬线（Plus Jakarta Sans 本地自托管），大标题 48px，数字等宽
     · 图表：圆头细柱、渐变填充；表格无分割线，留白分隔

   【架构】纯粹是 ui-design.css 之上一层「换肤」，不改任何 HTML 结构 / class 名 /
   JS 逻辑。删除本文件的 <link> 即 100% 回滚到原极简派皮肤。

   【红线】
     ① 不给含 fixed 浮层的元素加 backdrop-filter —— 见文件末尾 §9 说明。
        ui-glass.js 运行时已把这类容器标记为 .ui-glass-f，本文件末尾重声明降级，
        位置必须在所有玻璃规则之后（同特异性靠定义顺序取胜）。
     ② 不用 transform / scale / filter 做悬停动效（玻璃三铁律）。
   ═══════════════════════════════════════════════════════════════════════ */

/* ═══ 0. 字体：几何无衬线，本地自托管（国内不依赖 Google Fonts） ═══ */
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('fonts/plus-jakarta-sans.woff2') format('woff2-variations'),
       url('fonts/plus-jakarta-sans.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

/* ═══ 1. TOKEN：一次换掉全站色系与曲面 ═══ */
:root {
  /* ── 晚霞三段 ── */
  --lg-peach:   #E4C0A6;
  --lg-rose:    #D4B8AC;
  --lg-apricot: #EBD7CC;

  /* ── 铜橙：当前项 / 标签 / 强调 ── */
  --lg-copper:   #B66D44;
  --lg-copper-d: #9A5533;   /* 悬停/按下，白字对比度 5.6:1 */
  --lg-copper-l: #D89A6E;

  /* ── 玻璃四件套 ── */
  --lg-glass-1: rgba(255, 255, 255, .58);  /* 主面板 */
  --lg-glass-2: rgba(255, 255, 255, .46);  /* 内部模块 */
  --lg-glass-3: rgba(255, 255, 255, .72);  /* 浮层（下拉/弹窗） */
  --lg-edge:    rgba(255, 255, 255, .68);
  --lg-edge-2:  rgba(255, 255, 255, .92);
  --lg-sh:
    0 24px 60px -28px rgba(122, 78, 52, .38),
    0 8px 22px -12px rgba(122, 78, 52, .16),
    0 1px 2px rgba(122, 78, 52, .04);
  --lg-sh-sm:
    0 12px 30px -18px rgba(122, 78, 52, .30),
    0 2px 6px -3px rgba(122, 78, 52, .12);
  --lg-hi: inset 0 1px 0 rgba(255, 255, 255, .95);   /* 顶部内侧细高光 */

  /* ── 实底 / 深色 ── */
  --lg-solid: #F3F1F1;
  --lg-dark:  #1B1B19;

  /* ── 文字：暖近黑，压在晚霞与半透白上都够对比 ── */
  --lg-ink:   #2A211C;   /* 13.9:1 on white */
  --lg-ink-2: #5C4B41;   /*  7.4:1 */
  --lg-ink-3: #7A685C;   /*  5.1:1 */
  --lg-ink-4: #8C7A6E;   /*  4.5:1 辅助/坐标轴 */

  /* ── 图表 ── */
  --lg-grad-a: #E7A471;
  --lg-grad-b: #C5A0AB;

  /* ── 曲面 ── */
  --lg-r-card: 24px;
  --lg-r-inner: 14px;
  --lg-t: cubic-bezier(.16, 1, .3, 1);

  /* ══ 映射到 ui-design.css / styles.css 的既有变量（全站自动跟随）══ */
  --primary-color: #B66D44;
  --primary-dark:  #9A5533;
  --primary-light: #B66D44;
  --primary-bg:    rgba(255, 255, 255, .5);

  --sidebar-bg:             transparent;
  --sidebar-item-hover:     rgba(255, 255, 255, .52);
  --sidebar-item-active:    rgba(255, 255, 255, .72);
  --sidebar-text-primary:   #2A211C;
  --sidebar-text-secondary: #5C4B41;
  --sidebar-border-color:   rgba(255, 255, 255, .5);

  --main-bg:             rgba(255, 255, 255, .34);
  --main-card-bg:        rgba(255, 255, 255, .52);
  --main-text-primary:   #2A211C;
  --main-text-secondary: #7A685C;
  --main-border-color:   rgba(122, 88, 62, .10);
  --secondary-color:     #5C4B41;

  --shadow:    0 8px 24px -14px rgba(122, 78, 52, .26);
  --shadow-md: 0 18px 44px -22px rgba(122, 78, 52, .32);

  /* ui-design.css 内部中性阶梯 */
  --ink:   #2A211C;
  --ink-2: #5C4B41;
  --ink-3: #7A685C;
  --ink-4: #8C7A6E;
  --line:   rgba(122, 88, 62, .10);
  --line-2: rgba(122, 88, 62, .16);
  --fill:   rgba(255, 255, 255, .46);
  --canvas: transparent;
  --card:   rgba(255, 255, 255, .52);

  /* 类别色 → 暖家族（铜橙为首） */
  --cat-1: #B66D44; --cat-1-t: #8E4F2E;
  --cat-2: #C08A62; --cat-2-t: #96633F;
  --cat-3: #C5A0AB; --cat-3-t: #9A7480;
  --cat-4: #A9714F; --cat-4-t: #82502F;
  --cat-5: #D4A98C; --cat-5-t: #A87D60;

  /* 语义色：低饱和暖化，只给状态 */
  --ok:      #4F7A52; --ok-bg:     rgba( 79, 122,  82, .12);
  --warn:    #A4661F; --warn-bg:   rgba(164, 102,  31, .13);
  --danger:  #A94236; --danger-bg: rgba(169,  66,  54, .12);
  --info:    #4A6480; --info-bg:   rgba( 74, 100, 128, .12);

  /* 圆角：卡片级统一 24px */
  --r-sm: 8px; --r-md: 24px; --r-lg: 24px; --r-pill: 999px;
}

/* ═══ 2. 背景：隔一层磨砂玻璃看晚霞 ═══ */
html {
  background: #E4C0A6;
}

body {
  font-family: 'Plus Jakarta Sans', 'PingFang SC', 'HarmonyOS Sans SC',
               'Source Han Sans SC', 'Microsoft YaHei', -apple-system, sans-serif !important;
  color: var(--lg-ink);
  background:
    linear-gradient(168deg, #E4C0A6 0%, #DFC4B5 22%, #D4B8AC 52%, #E0CFC4 78%, #EBD7CC 100%)
      fixed !important;
  background-color: #E4C0A6 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'kern' 1, 'liga' 1;
}

/* 两道光弧：圆环带技法（透明→白→透明），像磨砂玻璃后的天光。
   ui-design.css 第 17/18 节也给 body::before 铺过彩色环境光，这里同等特异性
   但更靠后，且用 !important 收口。 */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(58% 52% at 14% 4%,  rgba(255, 255, 255, .58) 0%, rgba(255, 255, 255, 0) 46%),
    radial-gradient(46% 40% at 88% 88%, rgba(255, 255, 255, .40) 0%, rgba(255, 255, 255, 0) 52%),
    radial-gradient(1200px 780px at 76% -12%,
        rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, .34) 63%,
        rgba(255, 255, 255, .52) 68%, rgba(255, 255, 255, .30) 73%,
        rgba(255, 255, 255, 0) 82%),
    radial-gradient(1500px 1000px at -18% 104%,
        rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, .22) 66%,
        rgba(255, 255, 255, .40) 71%, rgba(255, 255, 255, .18) 76%,
        rgba(255, 255, 255, 0) 84%);
}

/* 一层极细颗粒，压住渐变的塑料感（纯 CSS，无图片请求） */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .28;
  background-image:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 3px);
  mix-blend-mode: soft-light;
}

/* ═══ 3. 骨架透明化：让晚霞从每一层缝里透出来 ═══ */
.app-container,
.main-wrapper,
.main-content,
.dashboard-view,
body.home-page .main-content {
  background: transparent !important;
  background-image: none !important;
}

/* ═══ 4. 主面板层：侧栏 / 顶栏 / 视图切换 ═══ */
.sidebar {
  background: linear-gradient(180deg, rgba(255, 255, 255, .56), rgba(255, 255, 255, .44)) !important;
  -webkit-backdrop-filter: blur(28px) saturate(140%);
  backdrop-filter: blur(28px) saturate(140%);
  border-right: 1px solid rgba(255, 255, 255, .62) !important;
  box-shadow:
    8px 0 42px -24px rgba(122, 78, 52, .40),
    inset -1px 0 0 rgba(255, 255, 255, .48) !important;
}

.top-header {
  background: rgba(255, 255, 255, .42) !important;
  -webkit-backdrop-filter: blur(28px) saturate(140%);
  backdrop-filter: blur(28px) saturate(140%);
  border-bottom: 1px solid rgba(255, 255, 255, .58) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .5),
    0 14px 34px -26px rgba(122, 78, 52, .40) !important;
}

.page-tabs-container,
.view-toggle-container {
  background: transparent !important;
  border: 0 !important;
}

/* 视图切换组：内部玻璃胶囊 */
.view-toggle-btn-group {
  background: rgba(255, 255, 255, .42) !important;
  border: 1px solid rgba(255, 255, 255, .66) !important;
  border-radius: 999px !important;
  box-shadow: var(--lg-hi), 0 10px 26px -20px rgba(122, 78, 52, .5) !important;
  padding: 4px !important;
  gap: 2px;
}
.view-toggle-btn {
  border-radius: 999px !important;
  color: var(--lg-ink-2) !important;
  font-weight: 560;
}
.view-toggle-btn.active,
.view-toggle-btn.on {
  background: var(--lg-copper) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px -8px rgba(154, 85, 51, .7) !important;
}

/* ═══ 5. 玻璃卡片：两层叠玻璃 ═══ */
@supports ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {

  /* 层一 —— 主面板（含表格的大容器）：最厚，28px 磨砂 */
  .ui-glass-t,
  .table-section,
  .content-panel {
    background: var(--lg-glass-1) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(28px) saturate(140%);
    backdrop-filter: blur(28px) saturate(140%);
    border: 1px solid var(--lg-edge) !important;
    border-radius: var(--lg-r-card) !important;
    box-shadow: var(--lg-sh), var(--lg-hi) !important;
  }

  /* 层二 —— 内部模块：叠在主面板上的第二层玻璃 */
  .ui-glass,
  .card,
  .panel,
  .stat-card,
  .chart-card {
    background: var(--lg-glass-2) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(28px) saturate(140%);
    backdrop-filter: blur(28px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .58) !important;
    border-radius: var(--lg-r-card) !important;
    box-shadow: var(--lg-sh-sm), var(--lg-hi) !important;
  }

  /* 悬停：只提亮表面与影深，几何一动不动（玻璃三铁律） */
  .ui-glass:hover,
  .card:hover,
  .panel:hover,
  .stat-card:hover,
  .chart-card:hover {
    background: rgba(255, 255, 255, .58) !important;
    border-color: rgba(255, 255, 255, .92) !important;
    box-shadow:
      0 26px 64px -30px rgba(122, 78, 52, .46),
      0 8px 20px -12px rgba(122, 78, 52, .18),
      inset 0 1px 0 rgba(255, 255, 255, 1) !important;
  }
  .ui-glass-t:hover {
    background: rgba(255, 255, 255, .64) !important;
    border-color: rgba(255, 255, 255, .95) !important;
    box-shadow:
      0 28px 70px -32px rgba(122, 78, 52, .50),
      0 8px 20px -12px rgba(122, 78, 52, .18),
      inset 0 1px 0 rgba(255, 255, 255, 1) !important;
  }
}

/* 不支持 backdrop-filter 时退回半透明白（不是白底，晚霞仍可见） */
@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
  .ui-glass, .ui-glass-t, .card, .panel, .stat-card, .chart-card {
    background: rgba(255, 255, 255, .80) !important;
    border: 1px solid var(--lg-edge) !important;
    border-radius: var(--lg-r-card) !important;
    box-shadow: var(--lg-sh-sm);
  }
}

/* ═══ 6. 实底卡（榜单类）与深色锚点卡 ═══ */
.side-card,
.ranking-card,
.list-card {
  background: var(--lg-solid) !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid rgba(255, 255, 255, .78) !important;
  border-radius: var(--lg-r-card) !important;
  box-shadow: var(--lg-sh-sm) !important;
}

/* 指标带：2026-11-11 田总定稿——不要深色锚点卡，「这个黑色背景是什么鬼」。
   整条改成透明玻璃（与 .table-section 同档：白玻璃 + blur28 + 暖描边 + 顶部高光），
   数字回归 ui-design 第 15 节的位置染色（--st），左缘色标条（--sc）照常显示。 */
body.home-page .dashboard-top-stats,
.dashboard-top-stats {
  background: var(--lg-glass-1) !important;
  background-image: none !important;
  -webkit-backdrop-filter: blur(28px) saturate(140%);
  backdrop-filter: blur(28px) saturate(140%);
  border: 1px solid var(--lg-edge) !important;
  border-radius: var(--lg-r-card) !important;
  box-shadow: var(--lg-sh), var(--lg-hi) !important;
  gap: 2px !important;
  overflow: hidden;
}

body.home-page .dashboard-top-stats > .top-stat-card,
.dashboard-top-stats > .top-stat-card,
.dashboard-top-stats > .top-stat-card.highlight,
.dashboard-top-stats > .top-stat-card:first-child {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.dashboard-top-stats .top-stat-label {
  color: var(--lg-ink-2) !important;
  letter-spacing: .02em;
}
/* 主指标（首格）给深铜橙，与全站强调色一体；其余各格走第 15 节位置染色 */
.dashboard-top-stats > .top-stat-card:first-child .top-stat-value {
  color: #8E4F2E !important;
}
/* 悬停：玻璃系提亮（表面加白 + 顶部高光），几何不动。
   ⚠️ 上面的 transparent 卡底 (0,3,1) 会压死 ui-design 第 16 节的玻璃悬停，
   这里用 #mainContent 抬到 (1,4,1) 自己接管悬停表达。 */
body.home-page #mainContent .dashboard-top-stats > .top-stat-card:hover,
body.home-page .dashboard-top-stats > .top-stat-card:hover,
.dashboard-top-stats > .top-stat-card:hover {
  background: rgba(255, 255, 255, .45) !important;
  background-image: none !important;
  box-shadow: var(--lg-hi) !important;
}

/* ═══ 7. 标题与排版 ═══ */
/* 2026-11-11 田总定稿：不要 48px 大标题，回到「只保留面包屑」——
   页内标题行由 ui-menu.js 收掉，字号回归各页原始样式，此处不再覆盖。 */
.pc-head-row { margin-bottom: 22px; padding-bottom: 2px; }

/* 数字一律等宽，指标竖向对齐不跳动 */
.top-stat-value,
.top-stat-label,
.side-stat-value,
.stat-value,
.stat-card .value,
.metric-value,
td,
th,
[class*="-value"],
[class*="-num"] {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
}

/* 卡片内小标题 */
.chart-title,
.side-card-title,
.section-title {
  color: var(--lg-ink) !important;
  font-weight: 640 !important;
  letter-spacing: -.01em;
}
.chart-title { font-size: 14px !important; }

/* ═══ 8. 表格：不要分割线，用留白分隔 ═══ */
.data-table,
.data-table-mini,
table.table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.data-table th,
.data-table td,
.data-table-mini th,
.data-table-mini td {
  border: 0 !important;
  border-bottom: 0 !important;
  padding: 17px 18px !important;
}
.data-table thead th,
.data-table-mini thead th {
  background: transparent !important;
  color: var(--lg-ink-3) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .04em;
  text-transform: none;
  padding-top: 10px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(122, 88, 62, .10) !important;
}
.data-table tbody td { color: var(--lg-ink) !important; }
.data-table tbody tr:hover { background: rgba(255, 255, 255, .55) !important; }
.data-table tbody tr:hover td:first-child { border-radius: 12px 0 0 12px; }
.data-table tbody tr:hover td:last-child { border-radius: 0 12px 12px 0; }

/* ═══ 9. fixed 浮层降级（重声明在文件最末尾，见文末第 17 节） ═══ */

/* ═══ 10. 图表：圆头细柱 + #E7A471 → #C5A0AB 竖向渐变 ═══ */
.chart-bars {
  border: 0 !important;
  border-bottom: 1px solid rgba(122, 88, 62, .12) !important;
  border-left: 0 !important;
}
.chart-bars .bar-vertical,
.chart-bars .bar-item,
.bar-vertical,
.bar-item {
  background: linear-gradient(180deg, var(--lg-grad-a) 0%, #D39A8F 52%, var(--lg-grad-b) 100%) !important;
  border-radius: 999px 999px 4px 4px !important;
  max-width: 18px !important;
  box-shadow: 0 6px 14px -8px rgba(182, 109, 68, .55);
}
/* 四色轮转取消：统一成一组暖渐变，靠高度读数据 */
.chart-bars .bar-col:nth-child(6n+1) .bar-vertical,
.chart-bars .bar-col:nth-child(6n+2) .bar-vertical,
.chart-bars .bar-col:nth-child(6n+3) .bar-vertical,
.chart-bars .bar-col:nth-child(6n+4) .bar-vertical,
.chart-bars .bar-col:nth-child(6n+5) .bar-vertical,
.chart-bars .bar-col:nth-child(6n+6) .bar-vertical {
  background: linear-gradient(180deg, var(--lg-grad-a) 0%, #D39A8F 52%, var(--lg-grad-b) 100%) !important;
}

/* 进度条 / 达成条：已达成铜橙渐变，未达成浅灰半透明 */
.progress-bar,
.progress-track,
.bar-track {
  background: rgba(122, 88, 62, .10) !important;
  border-radius: 999px !important;
  overflow: hidden;
}
.progress-fill,
.progress-bar-fill,
.bar-fill {
  background: linear-gradient(90deg, #E7A471, #C5A0AB) !important;
  border-radius: 999px !important;
}

/* ═══ 11. 按钮 ═══ */
.btn {
  border-radius: 12px !important;
  font-weight: 560;
  letter-spacing: -.005em;
  transition: background-color .18s var(--lg-t), box-shadow .18s var(--lg-t), border-color .18s var(--lg-t);
}
.btn-primary {
  background: var(--lg-copper) !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0)) !important;
  border: 1px solid rgba(154, 85, 51, .9) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px -12px rgba(154, 85, 51, .85), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
}
.btn-primary:hover {
  background: var(--lg-copper-d) !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0)) !important;
  box-shadow: 0 12px 26px -12px rgba(154, 85, 51, .9), inset 0 1px 0 rgba(255, 255, 255, .3) !important;
}
.btn-default,
.btn-secondary {
  background: rgba(255, 255, 255, .58) !important;
  border: 1px solid rgba(255, 255, 255, .86) !important;
  color: var(--lg-ink-2) !important;
  box-shadow: var(--lg-hi), 0 8px 20px -16px rgba(122, 78, 52, .5) !important;
}
.btn-default:hover,
.btn-secondary:hover {
  background: rgba(255, 255, 255, .82) !important;
  color: var(--lg-ink) !important;
}
.btn-danger { background: #A94236 !important; border-color: #A94236 !important; color: #fff !important; }

/* ═══ 12. 表单 ═══ */
.form-input,
.form-select,
.form-textarea,
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="search"],
select,
textarea {
  background: rgba(255, 255, 255, .62) !important;
  border: 1px solid rgba(255, 255, 255, .92) !important;
  border-radius: 12px !important;
  color: var(--lg-ink) !important;
  box-shadow: inset 0 1px 2px rgba(122, 78, 52, .06), 0 1px 0 rgba(255, 255, 255, .7);
  transition: background-color .16s var(--lg-t), box-shadow .16s var(--lg-t), border-color .16s var(--lg-t);
}
.form-input::placeholder,
.form-textarea::placeholder,
input::placeholder,
textarea::placeholder { color: #A2907F !important; }

.form-input:focus,
.form-select:focus,
.form-textarea:focus,
select:focus,
textarea:focus {
  background: rgba(255, 255, 255, .88) !important;
  border-color: rgba(182, 109, 68, .55) !important;
  box-shadow: 0 0 0 3.5px rgba(182, 109, 68, .16), inset 0 1px 2px rgba(122, 78, 52, .05) !important;
  outline: none !important;
}

.form-label { color: var(--lg-ink-2) !important; font-weight: 560; }

/* ═══ 13. 标签 / 徽章：铜橙 ═══ */
.tag,
.badge,
.chip,
.ftag,
.status-tag,
.label-tag {
  border-radius: 999px !important;
}
/* 表格里的品类标签统一走铜橙系，靠明度分档 */
.opp-ftag,
.lead-ftag {
  background: rgba(182, 109, 68, .13) !important;
  color: #8E4F2E !important;
  border: 1px solid rgba(182, 109, 68, .20) !important;
  font-weight: 560;
}

/* ═══ 14. 浮层：弹窗 / 下拉 / 抽屉 ═══ */
.modal-overlay {
  background: rgba(60, 38, 26, .28) !important;
  -webkit-backdrop-filter: blur(6px) saturate(120%);
  backdrop-filter: blur(6px) saturate(120%);
}
.modal-dialog,
.modal-content {
  background: rgba(255, 255, 255, .86) !important;
  -webkit-backdrop-filter: blur(28px) saturate(140%);
  backdrop-filter: blur(28px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, .92) !important;
  border-radius: var(--lg-r-card) !important;
  box-shadow:
    0 40px 90px -40px rgba(60, 38, 26, .55),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}
.modal-header { border-bottom: 1px solid rgba(122, 88, 62, .10) !important; background: transparent !important; }
.modal-footer { border-top: 1px solid rgba(122, 88, 62, .10) !important; background: transparent !important; }
.modal-title { color: var(--lg-ink) !important; font-weight: 650 !important; }

/* 下拉不用 backdrop-filter（含 fixed 定位风险），只给高白度实底 */
.user-dropdown,
.dropdown-menu {
  background: rgba(255, 253, 251, .97) !important;
  border: 1px solid rgba(255, 255, 255, .9) !important;
  border-radius: 16px !important;
  box-shadow: var(--lg-sh) !important;
}
.dropdown-item:hover { background: rgba(182, 109, 68, .09) !important; color: #8E4F2E !important; }

/* ═══ 15. 侧栏细节：当前项铜橙 ═══ */
.menu-header { border-bottom: 1px solid rgba(255, 255, 255, .48) !important; }
.menu-header .title { color: var(--lg-ink) !important; font-weight: 680 !important; letter-spacing: -.01em; }

.sidebar .menu-item.active > .menu-link,
.sidebar .menu-link.active {
  color: #8E4F2E !important;
}
.sidebar .menu-item.active > .menu-link span,
.sidebar .menu-link.active span {
  font-weight: 640 !important;
  color: #8E4F2E !important;
}
/* 一级当前项左侧的竖标：铜橙 */
.sidebar .menu-item.active > .menu-link { box-shadow: inset 2.5px 0 0 var(--lg-copper) !important; }
.sidebar .menu-item.active > .menu-link .menu-icon,
.sidebar .menu-link.active .menu-icon { color: var(--lg-copper) !important; }

/* 二三级当前项：铜橙圆点 + 铜橙字 */
.submenu a.active,
.sub-submenu a.active {
  background: rgba(255, 255, 255, .58) !important;
  color: #8E4F2E !important;
  font-weight: 620 !important;
}

/* 侧栏底部用户坞 */
.sidebar-user,
.user-dock {
  border-top: 1px solid rgba(255, 255, 255, .48) !important;
  background: transparent !important;
}

/* ═══ 16. 其它细节收口 ═══ */
/* 顶栏图标按钮 */
.icon-btn { color: var(--lg-ink-2) !important; border-radius: 12px; }
.icon-btn:hover { background: rgba(255, 255, 255, .62) !important; color: var(--lg-ink) !important; }

/* 头像与用户名 */
.user-profile .username { color: var(--lg-ink) !important; font-weight: 560; }
.user-profile .avatar { border-radius: 50%; border: 1px solid rgba(255, 255, 255, .9); box-shadow: 0 4px 12px -6px rgba(122, 78, 52, .5); }

/* 卡片内的次级分区：不再用灰底，用第二层玻璃 */
.bottom-data-card {
  background: rgba(255, 255, 255, .46) !important;
  border: 1px solid rgba(255, 255, 255, .7) !important;
  border-radius: var(--lg-r-inner) !important;
}
.bottom-data-card .bdv { color: var(--lg-ink) !important; }
.bottom-data-card .bdl { color: var(--lg-ink-3) !important; }

/* 空状态 / 分页 */
.pagination button,
.page-btn {
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, .8) !important;
  background: rgba(255, 255, 255, .52) !important;
  color: var(--lg-ink-2) !important;
}
.pagination button.active,
.page-btn.active {
  background: var(--lg-copper) !important;
  border-color: var(--lg-copper) !important;
  color: #fff !important;
}

/* 滚动条：细、暖、半透明 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(122, 88, 62, .22);
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background: rgba(122, 88, 62, .36); background-clip: content-box; }

/* 选中文字 */
::selection { background: rgba(182, 109, 68, .26); color: var(--lg-ink); }

/* ═══ 17. 🔴 fixed 浮层降级（必须压在全部玻璃规则之后，放最末） ═══
   任何非 none 的 backdrop-filter 都会让该元素成为 fixed 后代的包含块。
   列表页三点菜单是 position:fixed + 视口坐标，一旦祖先有 backdrop-filter
   就会漂到视口外（2026-10-31、2026-11-11 两次事故）。
   ui-glass.js 运行时给「含菜单浮层」的容器打 .ui-glass-f ——
   既覆盖它自己打标的 .ui-glass / .ui-glass-t，也覆盖本文件第 5 节
   静态上玻璃的 .table-section / .content-panel / .card 等。
   这里保证降级永远赢：特异性与第 5 节平局，靠「更靠后」取胜。 */
.ui-glass-f,
.ui-glass-f:hover,
.ui-glass-f * {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}