/* newapi-home: 控制台深色主题配色（仅覆盖 CSS 变量，布局/逻辑不变）— 与 zzhyht.top 门户 & 新首页一致 */
html.dark, .dark {
  --background: #070a18;
  --foreground: #eaf6ff;
  --card: #0c1228;
  --card-foreground: #eaf6ff;
  --popover: #0b1025;
  --popover-foreground: #eaf6ff;
  --primary: #00e5ff;
  --primary-foreground: #03121f;
  --secondary: #121a3a;
  --secondary-foreground: #c9d8ff;
  --muted: #10173a;
  --muted-foreground: #8ba3c7;
  --accent: rgba(0, 229, 255, .12);
  --accent-foreground: #eaf6ff;
  --border: rgba(120, 200, 255, .16);
  --input: rgba(120, 200, 255, .18);
  --ring: rgba(0, 229, 255, .55);
  --info: #38e8ff;
  --info-foreground: #03121f;
  --success: #00ffa3;
  --success-foreground: #031a10;
  --warning: #ffc24d;
  --warning-foreground: #1a1200;
  --destructive: #ff4d6d;
  --destructive-foreground: #fff;
  --neutral: #182246;
  --neutral-foreground: #c9d8ff;
  --chart-1: #00e5ff;
  --chart-2: #7c5cff;
  --chart-3: #ff4ecd;
  --chart-4: #00ffa3;
  --chart-5: #ffc24d;
  --sidebar: #070a18;
  --sidebar-foreground: #c9d8ff;
  --sidebar-primary: #00e5ff;
  --sidebar-primary-foreground: #03121f;
  --sidebar-accent: rgba(0, 229, 255, .12);
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: rgba(120, 200, 255, .14);
  --sidebar-ring: rgba(0, 229, 255, .55);
  --skeleton-base: #101736;
  --skeleton-highlight: #182246;
  --table-header: #0b1025;
  --table-header-hover: #101736;
  --table-row: transparent;
  --table-disabled: #0b1025;
  --table-disabled-hover: #101736;
  --table-disabled-border: rgba(120, 200, 255, .1);
}
/* 页面背景：与首页同款深空渐变 */
html.dark body, .dark body {
  background-color: #070a18;
  background-image:
    radial-gradient(1200px 800px at 15% 10%, rgba(0, 229, 255, .08), transparent 55%),
    radial-gradient(1000px 700px at 85% 20%, rgba(124, 92, 255, .10), transparent 55%),
    radial-gradient(900px 900px at 50% 100%, rgba(0, 255, 163, .05), transparent 60%),
    linear-gradient(160deg, #030409, #070a18 45%, #0b1025);
  background-attachment: fixed;
}
/* 卡片：轻微玻璃感 + 青色描边 */
.dark [data-slot="card"], .dark .bg-card {
  background: linear-gradient(160deg, rgba(12, 18, 40, .82), rgba(8, 12, 26, .82)) !important;
  border-color: rgba(120, 200, 255, .16) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .04);
}
/* 主按钮：首页同款青→紫渐变 */
.dark [data-slot="button"].bg-primary,
.dark button.bg-primary, .dark a.bg-primary {
  background: linear-gradient(90deg, #53f0ff, #7c9dff, #c77dff) !important;
  color: #03121f !important;
  border: 0;
}
/* ---- 顶栏：首页同款玻璃胶囊导航（仅这一条，不动布局/侧栏） ---- */
.dark header[class*="sticky top-0 z-40"]{
  width:auto !important;
  top:10px !important;
  margin:10px 14px -10px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(15,22,44,.85),rgba(8,12,28,.8)) !important;
  border:1px solid rgba(0,229,255,.16);
  box-shadow:0 10px 30px -12px rgba(0,0,0,.7),0 0 0 1px rgba(124,92,255,.07),0 0 24px -6px rgba(0,229,255,.12),inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
}
.dark header[class*="sticky top-0 z-40"]::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 32%,rgba(0,229,255,.09) 46%,rgba(124,92,255,.10) 54%,transparent 68%);
  transform:translateX(-130%);
  animation:naTopbarSweep 10s ease-in-out infinite;
}
@keyframes naTopbarSweep{0%,70%{transform:translateX(-130%)}88%,100%{transform:translateX(130%)}}
@media(prefers-reduced-motion:reduce){.dark header[class*="sticky top-0 z-40"]::after{animation:none}}
/* 顶栏内链接：胶囊 hover，对齐首页导航 */
.dark header[class*="sticky top-0 z-40"] a{
  border-radius:10px;
  transition:color .18s,background-color .18s;
}
.dark header[class*="sticky top-0 z-40"] nav a:hover,
.dark header[class*="sticky top-0 z-40"] a:hover{ color:#fff; background:rgba(0,229,255,.08); }
.dark header[class*="sticky top-0 z-40"] a[aria-current="page"],
.dark header[class*="sticky top-0 z-40"] nav a:not(.text-muted-foreground){ color:#fff; }
/* 顶栏品牌名：首页同款青→紫渐变字 */
.dark header[class*="sticky top-0 z-40"] a[href="/"] span:last-child,
.dark header.fixed.top-0.z-50 nav a[href="/"] > span{
  background:linear-gradient(92deg,#53f0ff,#7c9dff 55%,#c77dff);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
@media(max-width:640px){
  .dark header[class*="sticky top-0 z-40"]{ margin:8px 8px -8px; }
}

/* ---- 公开页顶栏（模型广场/排行榜等）：复刻首页通栏胶囊导航，与页面内容同宽(1800px) ---- */
.dark header.fixed.top-0.z-50 > div{
  max-width:1800px !important;
  padding:10px 4px 0 !important;   /* 对齐内容容器 px-3，nav 自带 px-2 已补 8px */
}
@media(min-width:640px){
  .dark header.fixed.top-0.z-50 > div{ padding:10px 16px 0 !important; }
}
@media(min-width:1280px){
  .dark header.fixed.top-0.z-50 > div{ padding:10px 24px 0 !important; }
}
.dark header.fixed.top-0.z-50 nav{
  position:relative;
  height:4.25rem !important;                 /* 68px，对齐首页 nav-inner */
  padding:0 .6rem 0 .9rem !important;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(10,16,34,.9),rgba(20,14,48,.9)) !important;
  border:1px solid rgba(120,200,255,.2);
  box-shadow:0 10px 30px -12px rgba(0,0,0,.7),0 0 0 1px rgba(124,92,255,.07),0 0 24px -6px rgba(0,229,255,.12),inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
}
.dark header.fixed.top-0.z-50 nav::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 32%,rgba(0,229,255,.09) 46%,rgba(124,92,255,.10) 54%,transparent 68%);
  transform:translateX(-130%);
  animation:naTopbarSweep 10s ease-in-out infinite;
}
@media(prefers-reduced-motion:reduce){.dark header.fixed.top-0.z-50 nav::after{animation:none}}
/* 品牌：logo 放大 + 双行（大名 + 小字），对齐首页 brand */
.dark header.fixed.top-0.z-50 nav a[href="/"]{ padding:.3rem .5rem; border-radius:14px; }
.dark header.fixed.top-0.z-50 nav a[href="/"] > div{ width:36px !important; height:36px !important; }
.dark header.fixed.top-0.z-50 nav a[href="/"] > span{
  display:flex;flex-direction:column;line-height:1.15;
  font-size:.92rem;font-weight:800;letter-spacing:.03em;
}
.dark header.fixed.top-0.z-50 nav a[href="/"] > span::after{
  content:"中转 · 拼单";display:block;
  font-size:.58rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  background:none;-webkit-text-fill-color:#8ba3c7;color:#8ba3c7;
}
/* 导航链接：圆 pill，对齐首页 nav-links */
.dark header.fixed.top-0.z-50 nav div a[class*="rounded-lg"],
.dark header.fixed.top-0.z-50 nav a[class*="rounded-lg"]{
  border-radius:999px !important;
  padding:.55rem .9rem !important;
  font-weight:600;
  transition:color .18s,background-color .18s;
}
.dark header.fixed.top-0.z-50 nav a:hover{ color:#fff !important; background:rgba(0,229,255,.08); }
/* 当前页链接：首页同款高亮（cyan 底 + 辉光字） */
.dark header.fixed.top-0.z-50 nav a[aria-current="page"],
.dark header.fixed.top-0.z-50 nav a.active{
  color:#fff !important;
  background:rgba(0,229,255,.12) !important;
  text-shadow:0 0 10px rgba(0,229,255,.6);
  box-shadow:none;
}
/* 顶栏右侧按钮统一胶囊 */
.dark header.fixed.top-0.z-50 nav button,
.dark header.fixed.top-0.z-50 nav a[data-slot="button"]{ border-radius:999px !important; }
/* 小屏：品牌名截断防挤压图标区 */
@media(max-width:480px){
  .dark header.fixed.top-0.z-50 nav a[href="/"] > span{ font-size:.8rem; max-width:46vw; }
  .dark header.fixed.top-0.z-50 nav a[href="/"] > span::after{ display:none; }
}
/* 移动端全屏菜单：当前页链接高亮 */
.dark div[class*="backdrop-blur-2xl"] a.active,
.dark div[class*="backdrop-blur-2xl"] a[aria-current="page"]{
  color:#53f0ff !important;
  text-shadow:0 0 14px rgba(0,229,255,.4);
}
.dark div[class*="backdrop-blur-2xl"]{ background:rgba(4,7,18,.96) !important; }
/* 滚动条 */
.dark ::-webkit-scrollbar { width: 8px; height: 8px; }
.dark ::-webkit-scrollbar-thumb { background: rgba(0, 229, 255, .28); border-radius: 999px; }
.dark ::-webkit-scrollbar-thumb:hover { background: rgba(0, 229, 255, .45); }
.dark ::-webkit-scrollbar-track { background: transparent; }
