/* ============================================================
   Glass panels (custom inject, v5)
   板块玻璃化：白色模式=通透玻璃 / 黑色模式=磨砂玻璃
   v5 核心修复：backdrop-filter 只能模糊其后方的【真实 DOM
   内容层】，body/html 的 background 不参与采样（此前 v3/v4
   玻璃感不足的真正根因）。方案：由 glass-bg.js 注入的
   .glass-bg 固定层承载全部彩色光斑 + 噪点，卡片透过它模糊，
   玻璃感才真实可见。
   ============================================================ */

/* ---------- 背景装饰层（body 首子元素，垫在所有内容下方） ---------- */
.glass-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  /* light：低饱和淡彩柔光，避免高纯光斑透过卡片刺眼 */
  background-image:
    radial-gradient(1500px 1150px at 10% 6%, rgba(150, 185, 255, .34), transparent 62%),
    radial-gradient(1700px 1300px at 92% 12%, rgba(235, 160, 215, .26), transparent 62%),
    radial-gradient(1800px 1400px at 76% 86%, rgba(150, 215, 200, .24), transparent 64%),
    radial-gradient(1600px 1250px at 14% 92%, rgba(245, 205, 160, .22), transparent 64%),
    radial-gradient(2000px 1500px at 50% 50%, rgba(255, 255, 255, .35), transparent 72%),
    linear-gradient(160deg, #e3eaf6 0%, #d4dfef 48%, #e2e9f4 100%);
}

/* dark：背景层换深色光斑 */
html[data-theme='dark'] .glass-bg {
  background-image:
    radial-gradient(1400px 1100px at 12% 8%, rgba(90, 135, 240, .55), transparent 62%),
    radial-gradient(1600px 1200px at 90% 15%, rgba(180, 92, 245, .48), transparent 62%),
    radial-gradient(1700px 1300px at 78% 82%, rgba(50, 200, 170, .44), transparent 64%),
    radial-gradient(1500px 1150px at 15% 90%, rgba(245, 145, 82, .38), transparent 64%),
    radial-gradient(2000px 1500px at 50% 50%, rgba(255, 255, 255, .08), transparent 70%),
    linear-gradient(160deg, #161d31 0%, #0d1226 45%, #0a0e1d 100%);
}

/* ---------- 内容层：垫在背景层之上 ---------- */
#body-wrap {
  position: relative;
  z-index: 1;
}

/* ---------- body 兜底 ---------- */
body {
  background-color: #e9eef8;
}
html[data-theme='dark'] body {
  background-color: #0f1116;
}

/* ================= 玻璃面板 ================= */

/* ---- light：通透玻璃（saturate 降低防刺眼，保持清透） ---- */
.recent-post-item,
.card-widget,
#post {
  background: linear-gradient(
    155deg,
    rgba(255, 255, 255, .34) 0%,
    rgba(255, 255, 255, .16) 50%,
    rgba(255, 255, 255, .26) 100%
  ) !important;
  -webkit-backdrop-filter: blur(34px) saturate(170%) brightness(1.04);
  backdrop-filter: blur(34px) saturate(170%) brightness(1.04);
  border: 1px solid rgba(255, 255, 255, .70) !important;
  box-shadow:
    0 20px 44px rgba(30, 48, 96, .16),
    0 4px 12px rgba(30, 48, 96, .05),
    inset 0 1px 0 rgba(255, 255, 255, .95),
    inset 0 -1px 0 rgba(255, 255, 255, .60) !important;
}

/* 顶部细镜面高光（light 更克制） */
.recent-post-item::before,
.card-widget::before,
#post::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 20%;
  background: linear-gradient(180deg, rgba(255, 255, 255, .38), transparent);
  pointer-events: none;
  border-radius: inherit;
}

/* ---- dark：磨砂玻璃 ---- */
html[data-theme='dark'] .recent-post-item,
html[data-theme='dark'] .card-widget,
html[data-theme='dark'] #post {
  background: linear-gradient(
    160deg,
    rgba(58, 66, 92, .42) 0%,
    rgba(20, 24, 38, .38) 52%,
    rgba(32, 38, 56, .42) 100%
  ) !important;
  -webkit-backdrop-filter: blur(46px) saturate(160%) brightness(1.4);
  backdrop-filter: blur(46px) saturate(160%) brightness(1.4);
  border: 1px solid rgba(255, 255, 255, .16) !important;
  box-shadow:
    0 24px 56px rgba(0, 0, 0, .60),
    0 4px 16px rgba(0, 0, 0, .32),
    inset 0 1px 0 rgba(255, 255, 255, .28),
    inset 0 -1px 0 rgba(255, 255, 255, .08) !important;
}

/* dark 高光更柔和 */
html[data-theme='dark'] .recent-post-item::before,
html[data-theme='dark'] .card-widget::before,
html[data-theme='dark'] #post::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, .16), transparent);
}

/* ---- 卡片定位（供 ::before 与展开浮层使用） ---- */
.recent-post-item,
.card-widget,
#post {
  position: relative;
}

/* 移动端：开销大，退回主题原始实色卡片 */
@media (max-width: 768px) {
  .glass-bg {
    display: none;
  }
  .recent-post-item,
  .card-widget,
  #post {
    background: var(--card-bg) !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none !important;
    border: none !important;
  }
  .recent-post-item::before,
  .card-widget::before,
  #post::before {
    display: none;
  }
}