/* ===== 面板美化 v1 (2026-10-30) =====
   深色主题精致化：配色微调 + 卡片/侧边栏/按钮/滚动条/动画 */

/* ---------- 1. 深色配色微调（更深的底 + 更亮的红 + 金色点缀） ---------- */
.dark{
  --background:#0a0e14;
  --card:#12161e;
  --card-foreground:#e6edf3;
  --popover:#151b24;
  --secondary:#1c232e;
  --muted:#1c232e;
  --muted-foreground:#8b98a9;
  --accent:#f0a04b;
  --accent-foreground:#1a1206;
  --destructive:#f85149;
  --border:#242c38;
  --input:#1c232e;
  --ring:#e8485f;
  --primary:#e8485f;
  --sidebar:#070b11;
  --sidebar-border:#1a222e;
  --sidebar-accent:#141a24;
  --sidebar-accent-foreground:#e6edf3;
  --sidebar-primary:#e8485f;
}

/* ---------- 2. 全局平滑过渡 + 字体渲染 ---------- */
.dark *{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ---------- 3. 滚动条精致化 ---------- */
.dark ::-webkit-scrollbar{width:8px;height:8px;}
.dark ::-webkit-scrollbar-track{background:transparent;}
.dark ::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#2a3342,#232b37);
  border-radius:8px;
  border:2px solid transparent;
  background-clip:content-box;
}
.dark ::-webkit-scrollbar-thumb:hover{background:#39465a;background-clip:content-box;}

/* ---------- 4. 卡片：柔和边框 + 阴影 + hover 提升 ---------- */
.dark [data-slot="card"],
.dark .rounded-xl,
.dark .rounded-lg{
  border-color:var(--border);
  box-shadow:0 1px 2px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.015);
}
.dark [data-slot="card"]{
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.dark [data-slot="card"]:hover{
  border-color:rgba(240,160,75,.22);
  box-shadow:0 4px 16px rgba(0,0,0,.35), 0 0 0 1px rgba(240,160,75,.12);
}

/* ---------- 5. 主按钮：红色渐变 + 光效 ---------- */
.dark button[data-slot="button"]{
  transition:all .18s ease;
}
.dark button[data-slot="button"][class*="bg-primary"],
.dark button.bg-primary{
  background-image:linear-gradient(180deg,#f0506a 0%,#e8485f 50%,#d63a52 100%) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.12);
}
.dark button[data-slot="button"][class*="bg-primary"]:hover,
.dark button.bg-primary:hover{
  filter:brightness(1.07);
  box-shadow:0 4px 14px rgba(232,72,95,.35), inset 0 1px 0 rgba(255,255,255,.16);
}

/* ---------- 6. 侧边栏：选中项高亮 + 左侧金色指示条 ---------- */
.dark [data-slot="sidebar"] a[data-active="true"],
.dark [data-slot="sidebar"] a[aria-current="page"]{
  position:relative;
  background:linear-gradient(90deg,rgba(232,72,95,.16),rgba(232,72,95,.05)) !important;
  color:#fff !important;
}
.dark [data-slot="sidebar"] a[data-active="true"]::before,
.dark [data-slot="sidebar"] a[aria-current="page"]::before{
  content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;
  border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#f0a04b,#e8485f);
  box-shadow:0 0 10px rgba(240,160,75,.6);
}
.dark [data-slot="sidebar"] a{
  transition:background .16s ease, color .16s ease;
}
.dark [data-slot="sidebar"] a:hover{
  background:rgba(255,255,255,.045);
  color:#fff;
}

/* ---------- 7. 顶部导航：毛玻璃 + 底部细线 ---------- */
.dark header{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  background:rgba(10,14,20,.82);
  border-bottom:1px solid var(--border);
}

/* ---------- 8. 统计卡片数字：亮色 + 轻微渐变 ---------- */
.dark [data-slot="card"] .text-2xl,
.dark [data-slot="card"] .text-3xl,
.dark [data-slot="card"] .text-4xl{
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}

/* ---------- 9. 表格行 hover + 斑马纹 ---------- */
.dark tbody tr{transition:background .14s ease;}
.dark tbody tr:hover{background:rgba(255,255,255,.03);}
.dark tbody tr:nth-child(even){background:rgba(255,255,255,.012);}

/* ---------- 10. 徽章/标签：柔化圆角与配色 ---------- */
.dark [data-slot="badge"]{
  letter-spacing:.02em;
  font-weight:500;
}

/* ---------- 11. 输入框聚焦：金色光环 ---------- */
.dark input:focus-visible,
.dark textarea:focus-visible,
.dark [data-slot="input"]:focus-visible{
  box-shadow:0 0 0 3px rgba(240,160,75,.18), 0 0 0 1px rgba(240,160,75,.4) !important;
  border-color:rgba(240,160,75,.55) !important;
}

/* ---------- 12. 下拉/弹层：圆角 + 阴影 ---------- */
.dark [data-slot="dropdown-menu"],
.dark [role="menu"],
.dark [data-radix-popper-content-wrapper] > div{
  border:1px solid var(--border);
  box-shadow:0 10px 30px rgba(0,0,0,.5);
}

/* ---------- 13. 顶部品牌 logo 区轻微金色光晕 ---------- */
.dark [data-slot="sidebar"] [data-slot="sidebar-header"]{
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,rgba(240,160,75,.04),transparent);
}