/* ==========================================================================
   尘银 · 深色科技感主题
   由 Nginx 在 HTML 中注入（/__theme/theme.css），切换镜像不会丢失。
   想调风格只改这个文件即可，改完刷新页面立即生效。
   ========================================================================== */

/* ---------- 1. 全局背景：深空底色 + 青紫光晕 + 蓝图网格 ---------- */
html.dark body {
  background-color: #04070f !important;
  background-image:
    radial-gradient(1200px 660px at 4% -12%, rgba(34, 211, 238, 0.26), transparent 58%),
    radial-gradient(1050px 620px at 100% -4%, rgba(139, 92, 246, 0.24), transparent 60%),
    radial-gradient(900px 900px at 50% 118%, rgba(20, 184, 166, 0.16), transparent 66%),
    linear-gradient(to right, rgba(125, 211, 252, 0.07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(125, 211, 252, 0.07) 1px, transparent 1px) !important;
  background-size: auto, auto, auto, 42px 42px, 42px 42px !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat !important;
  position: relative;
}

/* 边缘暗角，让中间内容更聚焦 */
html.dark body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(120% 90% at 50% 40%, transparent 52%, rgba(0, 0, 0, 0.55) 100%);
}

/* 内容层压到暗角之上 */
html.dark #app {
  position: relative;
  z-index: 1;
}

/* ---------- 2. 侧边栏：毛玻璃 + 青色微光分隔线 ---------- */
html.dark aside.sidebar {
  background: rgba(7, 12, 26, 0.72) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  backdrop-filter: blur(18px) saturate(1.25);
  border-right: 1px solid rgba(56, 189, 248, 0.20) !important;
  box-shadow: 4px 0 24px -12px rgba(34, 211, 238, 0.35) !important;
}

/* 侧边栏选中项：青色发光条 */
html.dark aside.sidebar a.router-link-active,
html.dark aside.sidebar a[aria-current="page"] {
  background: linear-gradient(90deg, rgba(34, 211, 238, 0.20), rgba(34, 211, 238, 0.02)) !important;
  box-shadow: inset 2px 0 0 0 rgba(34, 211, 238, 0.9), 0 0 18px -6px rgba(34, 211, 238, 0.55) !important;
  color: #7dd3fc !important;
}

/* ---------- 3. 顶部栏：毛玻璃 + 底部青色发光线 ---------- */
html.dark header {
  background: rgba(7, 12, 26, 0.62) !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(56, 189, 248, 0.16) !important;
  box-shadow: 0 1px 22px -10px rgba(34, 211, 238, 0.5) !important;
}

/* ---------- 4. 卡片/面板：细边框微光 ---------- */
html.dark main .rounded-xl,
html.dark main .rounded-2xl,
html.dark main .rounded-lg {
  border-color: rgba(56, 189, 248, 0.14) !important;
}

/* ---------- 5. 滚动条：低调化 ---------- */
html.dark ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
html.dark ::-webkit-scrollbar-track {
  background: transparent;
}
html.dark ::-webkit-scrollbar-thumb {
  background: rgba(56, 189, 248, 0.20);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}
html.dark ::-webkit-scrollbar-thumb:hover {
  background: rgba(56, 189, 248, 0.36);
  background-clip: content-box;
}

/* ---------- 6. 文字选中色 ---------- */
html.dark ::selection {
  background: rgba(34, 211, 238, 0.30);
}