/* ============================================================
   New API 背景图主题  (由 nginx sub_filter 注入)
   调整主线：
     --na-veil       照片上方的白色面纱透明度，越大文字越清晰、照片越淡
     --na-card-alpha 卡片/面板的不透明度
   ============================================================ */

:root {
  --na-veil-top: 0.62;
  --na-veil-mid: 0.42;
  --na-veil-bottom: 0.58;
  --na-card-alpha: 0.55;
  --na-blur: 18px;
}

/* ---------- 1. 全屏背景照片 ---------- */
html {
  background-color: #e8e4de !important;
  background-image: url("/_assets/bg.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

body {
  background-color: transparent !important;
  background-image: none !important;
}

/* 浅色面纱：保证深色文字在照片上依然清晰 */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, var(--na-veil-top)) 0%,
    rgba(255, 255, 255, var(--na-veil-mid)) 38%,
    rgba(255, 255, 255, var(--na-veil-bottom)) 100%
  );
}

#root {
  position: relative;
  z-index: 1;
}

/* ---------- 2. 最外层容器不要挡住照片 ---------- */
#root > div[class*="bg-background"],
#root > div > div[class*="bg-background"],
[class*="bg-background"][class*="svh"] {
  background-color: transparent !important;
}

/* 首页装饰网格在照片上会显脏，弱化 */
[class*="bg-[linear-gradient"] {
  opacity: 0.2 !important;
}

/* ---------- 2b. 首页 hero：只保留照片 + 站名 ---------- */
section[class*="overflow-hidden"][class*="z-10"] > .grid[class*="max-w-6xl"] {
  display: none !important;
}
section[class*="overflow-hidden"][class*="z-10"] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 82vh;
}
section[class*="overflow-hidden"][class*="z-10"]::after {
  content: "Hello";
  font-size: clamp(2.6rem, 6vw, 4.6rem);
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #1e293b;
  text-shadow: 0 2px 26px rgba(255, 255, 255, 0.95), 0 0 60px rgba(255, 255, 255, 0.7);
}

/* ---------- 2c. 首页 hero 以下区块全部隐藏（仅非控制台页面） ---------- */
body:not(:has(main[class*="bg-background"])) section[class*="py-24"],
body:not(:has(main[class*="bg-background"])) section[class*="border-t"],
body:not(:has(main[class*="bg-background"])) footer,
body:not(:has(main[class*="bg-background"])) div[class*="max-w-6xl"][class*="py-10"] {
  display: none !important;
}

/* ---------- 3. 卡片 / 面板：毛玻璃 ---------- */
[class*="bg-muted/"],
[class*="bg-card"],
[class*="bg-popover"],
[class*="bg-white/"],
[class*="bg-background/9"],
[class*="border-border/6"],
[class*="bg-background"][class*="p-7"],
[class*="bg-background"][class*="col-span"] {
  background-color: rgba(255, 255, 255, var(--na-card-alpha)) !important;
  -webkit-backdrop-filter: blur(var(--na-blur)) saturate(1.15);
  backdrop-filter: blur(var(--na-blur)) saturate(1.15);
}

/* 按钮保持轻盈的玻璃感 */
a[class*="bg-background"],
button[class*="bg-background"] {
  background-color: rgba(255, 255, 255, 0.72) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.1);
  backdrop-filter: blur(12px) saturate(1.1);
}

/* ---------- 4. 顶部导航 ---------- */
nav[class*="items-center"] {
  background-color: rgba(255, 255, 255, 0.70) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.15) !important;
  backdrop-filter: blur(22px) saturate(1.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.6);
}

/* ---------- 5. 登录 / 注册页 ---------- */
[class*="h-svh"] .container > div > [class*="space-y-8"] {
  background-color: rgba(255, 255, 255, 0.62) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.1);
  backdrop-filter: blur(24px) saturate(1.1);
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 20px;
  padding: 40px 34px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.14);
}

/* ---------- 6. 控制台（登录后）：不用照片背景 ---------- */
body:has(main[class*="bg-background"]) {
  background-color: #eef1f5 !important;
  background-image: none !important;
}
body:has(main[class*="bg-background"])::before {
  display: none;
}

/* 控制台页面本身有面板 */
/* 主内容面板 */
main[class*="bg-background"] {
  background-color: rgba(255, 255, 255, 0.72) !important;
}

/* 顶部栏 */
header[class*="sticky"][class*="z-40"] {
  background-color: rgba(255, 255, 255, 0.85) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* 底部分页栏 */
div[class*="bg-background"][class*="shrink-0"][class*="border-t"] {
  background-color: rgba(255, 255, 255, 0.72) !important;
}

/* 侧边栏 */
[class*="bg-sidebar"] {
  background-color: rgba(255, 255, 255, 0.66) !important;
}

/* 卡片 / 表格 / 弹层 */
[class*="bg-card"],
[class*="bg-popover"],
.semi-table,
.semi-card,
.semi-modal-content,
.semi-tabs-bar,
.semi-navigation {
  background-color: rgba(255, 255, 255, 0.92) !important;
}