/* 星桥 StarBridge 全局主题 —— 子界面壁纸虚化 + 毛玻璃 */

/* 1. 全局壁纸虚化背景 */
html, body, #root, #root > div {
  background: transparent !important;
}

body::before {
  content: "";
  position: fixed;
  inset: -30px;
  z-index: -2;
  background-image: url("https://api.starapi.online/wallpaper/wp1.jpg");
  background-size: cover;
  background-position: center;
  filter: blur(22px) saturate(120%) brightness(1.05);
  transform: scale(1.08);
  pointer-events: none;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: linear-gradient(135deg, rgba(160,164,224,0.35) 0%, rgba(214,172,223,0.25) 50%, rgba(111,163,229,0.30) 100%);
  pointer-events: none;
}

/* 2. 覆盖 new-api CSS 变量为半透明 */
:root, [data-theme-preset], [data-theme-font] {
  --background: transparent !important;
  --foreground: #2a2536 !important;
  --card: rgba(255,255,255,0.58) !important;
  --card-foreground: #2a2536 !important;
  --popover: rgba(255,255,255,0.68) !important;
  --popover-foreground: #2a2536 !important;
  --muted: rgba(255,255,255,0.35) !important;
  --muted-foreground: rgba(42,37,54,0.65) !important;
  --border: rgba(255,255,255,0.55) !important;
  --input: rgba(255,255,255,0.45) !important;
  --primary: #8b8bd8 !important;
  --primary-foreground: #ffffff !important;
  --secondary: rgba(255,255,255,0.45) !important;
  --secondary-foreground: #2a2536 !important;
  --accent: rgba(160,164,224,0.28) !important;
  --accent-foreground: #2a2536 !important;
  --ring: #a0a4e0 !important;
  --sidebar: rgba(255,255,255,0.55) !important;
  --sidebar-foreground: #2a2536 !important;
  --sidebar-border: rgba(255,255,255,0.5) !important;
}

/* 3. 主要容器毛玻璃 */
[class*="bg-card"], [class*="bg-background"], [class*="bg-popover"],
[class*="bg-sidebar"], [class*="bg-muted"], [class*="bg-secondary"],
[role="dialog"], [data-radix-popper-content-wrapper] > div {
  backdrop-filter: blur(24px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(130%) !important;
}

/* 4. 顶栏/导航/logo 半透明 */
header, nav,
[class*="sticky"], [class*="fixed"][class*="top-0"], [class*="fixed top-0"],
a[href="/"].absolute, a[href="/"][class*="absolute"] {
  background: rgba(255,255,255,0.55) !important;
  backdrop-filter: blur(20px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(130%) !important;
  border: 1px solid rgba(255,255,255,0.45) !important;
}

a[href="/"].absolute, a[href="/"][class*="absolute"] {
  padding: 8px 14px !important;
  border-radius: 999px !important;
}

/* 5. 主按钮使用首页渐变 */
button[type="submit"] {
  background: linear-gradient(135deg, #8b8bd8 0%, #c98bb5 55%, #7fc4d6 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 10px 26px rgba(139,139,216,0.32) !important;
  transition: transform .18s, box-shadow .18s !important;
}
button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 34px rgba(139,139,216,0.42) !important;
}

/* 6. 输入框半透明 */
input, textarea, select,
[class*="input"], [class*="Input"] {
  background: rgba(255,255,255,0.45) !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
}

/* 6.5 表单/卡片区域毛玻璃 */
form {
  background: rgba(255,255,255,0.48) !important;
  backdrop-filter: blur(28px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(130%) !important;
  padding: 32px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,0.6) !important;
  box-shadow: 0 24px 60px rgba(93,80,140,0.18) !important;
}
form .space-y-2, form h2 {
  color: #2a2536 !important;
}

/* 7. 链接使用主题紫 */
a:not([class*="btn"]):not(button) {
  color: #7b7bc8 !important;
}
a:hover {
  color: #5a5ab0 !important;
}

/* 8. 表格/列表行悬停 */
[class*="hover:bg"]:hover {
  background: rgba(255,255,255,0.35) !important;
}

/* 9. 首页专属：顶部完全透明，融进壁纸 */
body:has(.custom-home-content) header > div.mx-auto {
  padding-top: 10px !important;
}

body:has(.custom-home-content) header,
body:has(.custom-home-content) header nav {
  background: transparent !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* 9.5 顶栏左右留白收紧，logo 贴近页面左边缘 */
header > div.mx-auto {
  max-width: min(1800px, 100%) !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

header nav {
  height: 56px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 640px) {
  header > div.mx-auto {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* 10. Model Square 标题/搜索区柔化 */
header.mx-auto.max-w-3xl:has(h1) {
  background: rgba(255,255,255,0.42) !important;
  backdrop-filter: blur(24px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(130%) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  box-shadow: 0 20px 50px rgba(93,80,140,0.14), inset 0 1px 0 rgba(255,255,255,0.5) !important;
  padding: 28px 36px !important;
}

header.mx-auto.max-w-3xl:has(h1) input {
  background: rgba(255,255,255,0.28) !important;
  border-color: rgba(255,255,255,0.65) !important;
  box-shadow: inset 0 1px 2px rgba(255,255,255,0.5) !important;
}

@media (max-width: 640px) {
  header.mx-auto.max-w-3xl:has(h1) {
    padding: 20px 24px !important;
    border-radius: 18px !important;
  }
}