/* =======================================================================
   Bravada Glass Premium — 高级升级层
   更明显的液态/毛玻璃、更高级配色、环境光晕、卡片微光、精致动效
   由 functions.php 在 glass.css 之后加载，覆盖与增强原有样式。
   ======================================================================= */

/* ---------- 1. 环境光晕：让背景更有“液态空间感” ----------
   .bg-orb 由 glass.js 注入到 body 末尾，fixed 定位，z-index:-1，pointer-events:none */
.bg-orb{
  position:fixed; pointer-events:none; z-index:-1; border-radius:50%;
  filter:blur(60px); opacity:.34;
  will-change:transform,opacity;
  animation:bgOrbDrift 22s ease-in-out infinite alternate;
}
.bg-orb:nth-child(1){ width:420px; height:420px; top:-6%; left:-6%; background:rgba(212,175,55,.28); animation-duration:26s; }
.bg-orb:nth-child(2){ width:360px; height:360px; top:12%; right:-8%; background:rgba(242,178,202,.32); animation-duration:20s; animation-delay:-6s; }
.bg-orb:nth-child(3){ width:300px; height:300px; bottom:8%; left:18%; background:rgba(233,224,245,.30); animation-duration:24s; animation-delay:-12s; }
.bg-orb:nth-child(4){ width:260px; height:260px; bottom:-4%; right:22%; background:rgba(242,178,202,.24); animation-duration:18s; animation-delay:-4s; }
@keyframes bgOrbDrift{
  0%{ transform:translate(0,0) scale(1); opacity:.28; }
  100%{ transform:translate(40px,30px) scale(1.08); opacity:.40; }
}
@media (prefers-reduced-motion:reduce){ .bg-orb{ animation:none; opacity:.22; } }

/* ---------- 2. 液态玻璃：更强的折射感、更厚的玻璃层 ---------- */
.bg-liquid{
  background:linear-gradient(135deg, rgba(255,255,255,.50), rgba(255,238,246,.22)) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:
    0 1px 2px rgba(61,22,38,.06),
    0 14px 38px rgba(184,58,103,.18),
    0 38px 78px rgba(146,40,82,.12),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -10px 20px rgba(184,58,103,.09),
    inset 0 0 0 .5px rgba(255,255,255,.55) !important;
  transition:box-shadow .45s var(--ease-premium), transform .45s var(--ease-premium);
}
.bg-liquid::after{
  padding:2px;
  background:linear-gradient(135deg,
    rgba(255,255,255,1) 0%, rgba(255,215,235,.72) 16%,
    rgba(255,255,255,.14) 45%, rgba(205,228,255,.62) 72%, rgba(255,255,255,1) 100%);
}
.bg-liquid:hover{
  box-shadow:
    0 2px 8px rgba(61,22,38,.07),
    0 22px 56px rgba(184,58,103,.22),
    0 56px 112px rgba(146,40,82,.14),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -10px 20px rgba(184,58,103,.11),
    inset 0 0 0 .5px rgba(255,255,255,.55) !important;
}

/* ---------- 3. 毛玻璃：更厚重、更清晰 ---------- */
.bg-frost{
  background:linear-gradient(135deg, rgba(255,255,255,.68), rgba(255,247,251,.52)) !important;
  border:1px solid rgba(255,255,255,.64) !important;
  box-shadow:var(--glass-shadow), var(--rim-light) !important;
  transition:box-shadow .45s var(--ease-premium);
}
.bg-frost:hover{ box-shadow:var(--glass-shadow-lg), var(--rim-light) !important; }

/* ---------- 4. 顶部导航：更浮动、更高级 ---------- */
body.bravada-glass #site-header-main{
  top:22px !important;
  padding:8px 30px !important;
}
body.bravada-glass #site-title,
body.bravada-glass #site-title a{ font-size:1.35rem; letter-spacing:.02em; }
body.bravada-glass #site-description{
  font-family:var(--font-ui) !important; letter-spacing:.06em; text-transform:uppercase; font-size:.7rem; color:var(--ink-soft) !important;
}
.bg-navpill{
  background:linear-gradient(135deg, rgba(255,255,255,.78), rgba(242,178,202,.55));
  box-shadow:var(--rim-light), 0 4px 16px rgba(184,58,103,.22);
}

/* ---------- 5. Hero 标题：更克制的投影与字号 ---------- */
body.bravada-glass #header-page-title .entry-title{
  font-family:var(--font-display) !important; font-weight:500 !important; letter-spacing:.02em;
  text-shadow:
    0 2px 14px rgba(146,40,82,.45),
    0 10px 36px rgba(0,0,0,.28),
    0 0 1px rgba(255,255,255,.55);
}
body.bravada-glass #header-page-title .byline,
body.bravada-glass #header-page-title .entry-meta{
  font-family:var(--font-ui) !important;
  text-shadow:0 2px 10px rgba(0,0,0,.45), 0 0 2px rgba(255,255,255,.5);
}
body.bravada-glass #header-overlay{
  background:
    linear-gradient(180deg, rgba(38,20,30,.34) 0%, rgba(38,20,30,0) 26%),
    linear-gradient(0deg, rgba(54,26,42,.58) 0%, rgba(54,26,42,0) 48%) !important;
}

/* ---------- 6. 内容卡片：更圆润、更强的玻璃层、悬停光晕 ---------- */
body.bravada-glass article.post,
body.bravada-glass article.page,
body.bravada-glass .hentry{
  border-radius:var(--r-md) !important;
  padding:34px 38px !important;
  margin-bottom:34px !important;
}
body.bravada-glass article.post::before,
body.bravada-glass article.page::before,
body.bravada-glass .hentry::before{
  background:linear-gradient(155deg, rgba(255,255,255,.64), rgba(255,250,252,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96), inset 0 -8px 18px rgba(184,58,103,.07), inset 0 0 0 .5px rgba(255,255,255,.5);
}
body.bravada-glass article.post::after,
body.bravada-glass article.page::after,
body.bravada-glass .hentry::after{
  padding:1.8px;
  background:linear-gradient(135deg, rgba(255,255,255,.96) 0%, rgba(255,215,235,.58) 22%, rgba(255,255,255,.12) 48%, rgba(210,228,255,.5) 74%, rgba(255,255,255,.94) 100%);
}
body.bravada-glass article.post:hover,
body.bravada-glass article.page:hover,
body.bravada-glass .hentry:hover{ box-shadow:var(--glass-shadow-lg) !important; }

/* 标题字号微调 */
body.bravada-glass .entry-title{ font-size:clamp(24px,2.4vw,30px) !important; line-height:1.28 !important; }
body.bravada-glass .entry-title a{ transition:color .3s var(--ease-premium); }
body.bravada-glass .entry-title a:hover{ color:var(--rose-700) !important; }

/* 置顶角标 */
body.bravada-glass .entry-sticky{
  background:linear-gradient(135deg, rgba(217,83,128,.95), rgba(184,58,103,.95)) !important;
  box-shadow:0 6px 18px rgba(184,58,103,.32);
  font-family:var(--font-ui) !important; letter-spacing:.12em;
}

/* 卡片悬停微光（仅边缘） */
@keyframes bgShimmer{
  0%{ background-position:200% 0; }
  100%{ background-position:-200% 0; }
}
body.bravada-glass article.post:hover::after,
body.bravada-glass article.page:hover::after,
body.bravada-glass .hentry:hover::after{
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.48) 50%, rgba(255,255,255,0) 100%);
  background-size:200% 100%;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  animation:bgShimmer 1.4s ease-in-out;
}

/* ---------- 7. 侧栏小工具：强玻璃感 ---------- */
body.bravada-glass .widget-container,
body.bravada-glass .widget{
  background:linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,241,248,.38)) !important;
  border-radius:var(--r-md) !important;
  padding:26px 28px !important;
  margin-bottom:28px !important;
}
body.bravada-glass .widget-title{ font-size:20px; padding-bottom:14px; margin-bottom:16px; }
body.bravada-glass .widget-title::after{
  height:1.5px;
  background:linear-gradient(90deg, var(--champagne), rgba(255,255,255,0));
}
body.bravada-glass .widget li:hover{ color:var(--rose-700); }

/* ---------- 8. 按钮 / 搜索：金玫瑰高级感 ---------- */
body.bravada-glass .more-link,
body.bravada-glass .read-more,
body.bravada-glass button,
body.bravada-glass input[type="submit"],
body.bravada-glass button[type="submit"],
body.bravada-glass .wp-block-button__link,
body.bravada-glass .btn{
  font-family:var(--font-ui) !important; font-weight:500; letter-spacing:.04em;
  transition:transform .35s var(--ease-premium), box-shadow .35s var(--ease-premium), background .35s var(--ease-premium);
}
body.bravada-glass input[type="submit"],
body.bravada-glass .wp-block-button__link{
  background:linear-gradient(135deg, rgba(217,83,128,.95), rgba(184,58,103,.95)) !important;
  box-shadow:0 6px 20px rgba(184,58,103,.28);
}
body.bravada-glass input[type="submit"]:hover,
body.bravada-glass .wp-block-button__link:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(184,58,103,.36);
}
body.bravada-glass input:focus,
body.bravada-glass textarea:focus,
body.bravada-glass .search-field:focus{
  box-shadow:var(--rim-light), 0 0 0 4px rgba(217,83,128,.22) !important;
}

/* ---------- 9. 计数牌：更奢华 ---------- */
.bg-counter{ padding:30px 52px !important; }
.bg-counter-lbl{ color:var(--rose-600); letter-spacing:.22em; font-size:13px; font-family:var(--font-ui) !important; }
.bg-counter-num{ color:var(--ink); font-size:clamp(3.2rem,8.5vw,5.4rem); font-family:var(--font-serif) !important; }
.bg-counter-num small{ color:var(--ink-faint); }
.bg-counter-since{ color:var(--ink-faint); letter-spacing:.1em; }

/* ---------- 10. 页脚 / 回到顶部 ---------- */
body.bravada-glass #footer{
  border-radius:var(--r-lg) var(--r-lg) 0 0 !important;
  padding:48px 32px !important;
  margin-top:36px;
}
body.bravada-glass #toTop{ width:54px !important; height:54px !important; box-shadow:var(--glass-shadow-lg); }

/* ---------- 11. 漂浮心形更克制 ---------- */
.bg-heart{ color:rgba(217,83,128,.18) !important; text-shadow:0 2px 8px rgba(217,83,128,.18) !important; }

/* ---------- 12. 响应式微调 ---------- */
@media (max-width:782px){
  body.bravada-glass #site-header-main{ top:10px !important; padding:6px 18px !important; }
  body.bravada-glass article.post, body.bravada-glass article.page, body.bravada-glass .hentry{ padding:24px 22px !important; }
}