/* ============================================================
   sh 液态玻璃增强层（黑 / 白 / 灰 6:3:1）
   仅在既有暗色主题 body.site-dark 上做「加法」：
   · 叠加「十字架 / 麻绳 / 审讯椅」柔形暗背景（glass-bg.png）+ 压暗遮罩
   · 导航栏 / 卡片 / 弹层 / 侧栏 / 搜索栏 强化 backdrop blur(28px) saturate(165%)
   · 1px 顶/左高光带出厚度，圆角 20px，白字加轻微黑投影
   本文件在 style.css / role-nav.css / responsive.css 之后加载，
   不改动既有规则，便于整层回退（删本文件 + 去掉 header 引用即可）。
   ============================================================ */

/* —— 柔形暗背景：保留原渐变底，叠加柔形图 + 压暗遮罩（顶层半透遮罩） —— */
body.site-dark {
    background:
        linear-gradient(rgba(10, 10, 16, 0.22), rgba(10, 10, 16, 0.22)),
        url("/assets/img/glass-bg.png") center / cover no-repeat fixed,
        radial-gradient(circle at 12% 22%, rgba(107, 53, 128, 0.18) 0%, transparent 42%),
        radial-gradient(circle at 88% 78%, rgba(59, 130, 246, 0.10) 0%, transparent 38%),
        linear-gradient(135deg, #15101f 0%, #141320 50%, #161626 100%);
}

/* —— 规则 A：仅加 backdrop-filter + 圆角（不影响各组件原有阴影/边框） —— */
body.site-dark .topbar,
body.site-dark .card,
body.site-dark .side-card,
body.site-dark .blog-card,
body.site-dark .cul-card,
body.site-dark .modal-box,
body.site-dark .modal-content,
body.site-dark .upload-modal,
body.site-dark .tipw-modal,
body.site-dark .list-banner .banner-filter,
body.site-dark .home-hero,
body.site-dark .detail-hero,
body.site-dark .model-header,
body.site-dark .author-hero {
    -webkit-backdrop-filter: blur(28px) saturate(165%);
    backdrop-filter: blur(28px) saturate(165%);
    border-radius: 20px;
}

/* 导航栏单独强化：顶部 1px 亮边带出厚度 + 下沿投影 */
body.site-dark .topbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.20);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
}

/* 导航栏文字强制纯白：覆盖 body.site-dark a / a:hover 的珊瑚色 (#ff8a80 / #ffa69a)，
   否则暗色主题下 .nav-link 会被 body.site-dark a 的更高优先级覆盖成珊瑚色而非白色。
   注：.nav-logout 仍保留珊瑚色（其 color 用 !important 区分退出的危险操作）。 */
body.site-dark .nav-link,
body.site-dark .nav-link:hover,
body.site-dark .nav-link:focus,
body.site-dark .nav-link:active {
    color: #fff;
}

/* 站点 Logo（顶部「斯慕圈」）：同为 <a> 被 body.site-dark a 的珊瑚色覆盖，强制纯白 */
body.site-dark .logo {
    color: #fff;
}

/* —— 规则 B：卡片 / 弹层 / 侧栏 / 搜索栏 —— 1px 顶/左高光 + 深度阴影 + 半透玻璃底 + 白字黑投影 —— */
body.site-dark .card,
body.site-dark .side-card,
body.site-dark .blog-card,
body.site-dark .cul-card,
body.site-dark .modal-box,
body.site-dark .modal-content,
body.site-dark .tipw-modal,
body.site-dark .list-banner .banner-filter {
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    border-left: 1px solid rgba(255, 255, 255, 0.22);
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.22);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

/* 弹层改为半透玻璃底（原实色 #1e1930 → 透出背景折射） */
body.site-dark .modal-box,
body.site-dark .modal-content,
body.site-dark .upload-modal {
    background: rgba(28, 24, 42, 0.62);
}

/* 弹层遮罩同步加深毛玻璃 */
body.site-dark .modal-mask {
    background: rgba(8, 8, 14, 0.60);
    -webkit-backdrop-filter: blur(28px) saturate(160%);
    backdrop-filter: blur(28px) saturate(160%);
}

/* 卡片 hover 时高光与亮度自然增强（保留原有 translateY 动效） */
body.site-dark .card:hover,
body.site-dark .side-card:hover,
body.site-dark .blog-card:hover,
body.site-dark .cul-card:hover {
    border-top-color: rgba(255, 255, 255, 0.45);
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.30);
}

/* 移动端：圆角与高光在小屏同样生效，避免被 responsive 覆盖 */
@media (max-width: 640px) {
    body.site-dark .modal-box { border-radius: 18px; }
}