/**
 * 全站毛玻璃主题（参考 css/1.css .ipa-store-shadow-module）
 * 所有使用 includes/header.php 的页面自动挂载 body.site-glass
 */

body.site-glass {
  /* 对齐 1.css .ipa-store-shadow-module / --yremp-blue-bg */
  --glass-bg: rgba(248, 248, 248, 0.45);
  --glass-bg-strong: rgba(255, 255, 255, 0.82);
  --glass-border: 2px solid #ffffff;
  --glass-shadow: 0 12px 48px 0 rgba(6, 10, 38, 0.15);
  --glass-blur: blur(24px) saturate(1.2);
  --glass-radius: 16px;
  background-color: #eaecf3;
  background-image:
    radial-gradient(circle at 15% 10%, rgba(181, 223, 255, 0.55), transparent 45%),
    radial-gradient(circle at 85% 20%, rgba(244, 250, 255, 0.9), transparent 40%),
    radial-gradient(circle at 60% 95%, rgba(237, 233, 254, 0.45), transparent 50%),
    linear-gradient(180deg, #f8f9ff 0%, #eef1f8 45%, #f0eef8 100%);
  background-attachment: fixed;
  min-height: 100vh;
}

/* 知识库页：主区域透明，让渐变透出毛玻璃 */
body.site-glass.page-kb-ipa .page-main--kb-forum {
  background: transparent !important;
}

/* 论坛右侧栏：外层透明，仅子级 .kb-widget 独立毛玻璃（避免卡片间隙露出灰色底板） */
body.site-glass.page-kb-ipa .kb-forum-aside,
body.site-glass.page-kb-ipa #kb-forum-aside,
body.site-glass.page-kb-ipa .kb-forum-aside.kb-sidebar,
body.site-glass.page-kb-ipa #kb-forum-aside.kb-sidebar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.site-glass.page-kb-ipa .kb-forum-aside > .kb-widget {
  box-shadow: 0 4px 24px rgba(6, 10, 38, 0.08);
}

/* 独立毛玻璃卡片（论坛分类块） */
body.site-glass .kb-glass-card {
  background: var(--glass-bg);
  border: var(--glass-border);
  border-radius: var(--glass-radius);
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  isolation: isolate;
}

/* 顶栏 / 页脚 */
body.site-glass .site-header {
  background: rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  border-bottom: 1px solid rgba(255, 255, 255, 0.65);
  box-shadow: 0 4px 24px rgba(6, 10, 38, 0.06);
}

body.site-glass .site-footer {
  background: rgba(248, 248, 252, 0.55);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  color: #4b5563;
  border-top: var(--glass-border);
  box-shadow: 0 -8px 32px rgba(6, 10, 38, 0.06);
}

body.site-glass .site-footer a {
  color: var(--primary);
}

/* 通用悬浮毛玻璃面板 */
body.site-glass .glass-panel,
body.site-glass .page-hero,
body.site-glass .account-card,
body.site-glass .stat-card,
body.site-glass .feature-card,
body.site-glass .step,
body.site-glass .download-box,
body.site-glass .faq-item,
body.site-glass .chip,
body.site-glass .site-header .user-info,
body.site-glass .site-header .user-tab-warpper,
body.site-glass .site-header .account-tip,
body.site-glass .site-header .more-options,
body.site-glass .kb-toc,
body.site-glass .kb-section,
body.site-glass .kb-hero,
body.site-glass .kb-article,
body.site-glass .kb-empty-main,
body.site-glass .kb-mobile-toggle,
body.site-glass .kb-forum-panel,
body.site-glass .kb-widget,
/* kb-forum-cover / kb-forum-common-info 见 knowledge.css */
body.site-glass .kb-forum-count,
body.site-glass .kb-forum-cat-card,
body.site-glass .kb-forum-post-list,
body.site-glass .kb-board-panel,
body.site-glass .kb-single-head,
body.site-glass .kb-single-body,
body.site-glass .admin-sidebar,
body.site-glass .admin-stat,
body.site-glass .admin-empty-state {
  background: var(--glass-bg);
  border: var(--glass-border);
  border-radius: var(--glass-radius);
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
}

/* 提示框：保留语义色 + 毛玻璃 */
body.site-glass .alert-pending {
  background: rgba(255, 251, 235, 0.78);
  border: 2px solid rgba(251, 191, 36, 0.45);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  box-shadow: var(--glass-shadow);
}

body.site-glass .alert-error {
  background: rgba(254, 242, 242, 0.82);
  border: 2px solid rgba(252, 165, 165, 0.5);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  box-shadow: var(--glass-shadow);
}

body.site-glass .form-message-error,
body.site-glass .form-message-ok {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 16px rgba(6, 10, 38, 0.08);
}

/* 按钮与侧栏 */
body.site-glass .btn-outline {
  background: rgba(255, 255, 255, 0.45);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 2px solid rgba(139, 92, 246, 0.55);
}

body.site-glass .account-sidebar a:not(.active) {
  background: rgba(255, 255, 255, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.65);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 2px 12px rgba(6, 10, 38, 0.06);
}

body.site-glass .account-sidebar a.active {
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.35);
}

/* 管理后台侧栏导航 */
body.site-glass .admin-sidebar nav a:hover {
  background: rgba(255, 255, 255, 0.45);
}

body.site-glass .admin-sidebar nav a.active {
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.18), rgba(255, 255, 255, 0.25));
}

body.site-glass .admin-sidebar-foot {
  border-top-color: rgba(255, 255, 255, 0.5);
}

/* 后台表格：与 account-card 毛玻璃同系，表头不再单独铺色块 */
body.site-glass .account-card .admin-table thead th {
  background: transparent;
  color: #64748b;
  border-bottom: 1px solid rgba(139, 92, 246, 0.14);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.35);
}

body.site-glass .account-card .admin-table tbody td {
  border-bottom-color: rgba(255, 255, 255, 0.42);
}

body.site-glass .account-card .admin-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.14);
}

body.site-glass .account-card .admin-table tbody tr:hover td {
  background: rgba(139, 92, 246, 0.06);
}

body.site-glass .admin-table input,
body.site-glass .admin-table select,
body.site-glass .kb-edit-form input,
body.site-glass .kb-edit-form select,
body.site-glass .kb-edit-form textarea {
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* 表单输入：轻玻璃底 */
body.site-glass .form-group input,
body.site-glass .form-group select,
body.site-glass .form-group textarea,
body.site-glass .auth-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]) {
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* 首页工具预览区：浅色渐变（玻璃模式下同步） */
body.site-glass .hero-visual {
  background: linear-gradient(
    145deg,
    rgba(240, 253, 250, 0.92) 0%,
    rgba(224, 242, 254, 0.92) 48%,
    rgba(237, 233, 254, 0.92) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.75);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

body.site-glass .tool-pill {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(255, 255, 255, 0.85);
}

/* 不支持 backdrop-filter 时降级 */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.site-glass .glass-panel,
  body.site-glass .page-hero,
  body.site-glass .account-card,
  body.site-glass .stat-card,
  body.site-glass .feature-card,
  body.site-glass .step,
  body.site-glass .download-box,
  body.site-glass .faq-item,
  body.site-glass .chip,
  body.site-glass .kb-hero,
  body.site-glass .kb-article,
  body.site-glass .admin-sidebar,
  body.site-glass .admin-stat {
    background: var(--glass-bg-strong);
  }

  body.site-glass .site-header,
  body.site-glass .site-footer {
    background: rgba(255, 255, 255, 0.92);
  }
}