/* ============================================
   SANSAN — Liquid Glass v5 (Final Optimized)
   无 backdrop-filter · 无 inset-shadow · 简化渐变
   ============================================ */

:root{
  --card-light-pos:50% 20%;
  --card-light-color:rgba(215,195,220,);
  --card-light-border:rgba(215,195,220,0.15);
}

/* ============================================
   卡片
   ============================================ */

.post-card{
  /* 单层渐变 + border 模拟玻璃高边（替代 inset box-shadow） */
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12) 0%, transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,0.50) 0%, rgba(250,245,240,0.38) 100%)!important;
  border:1px solid rgba(255,255,255,0.50)!important;
  border-top-color:rgba(255,255,255,0.75)!important;
  box-shadow:0 4px 20px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.03)!important;
  will-change:transform;
  transition:transform .45s var(--ease-spring),box-shadow .5s var(--ease-out)!important;
}

.post-card.card-visible:hover{
  box-shadow:0 12px 40px rgba(0,0,0,.08),0 0 0 1px rgba(255,255,255,.35)!important;
  transform:perspective(600px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateY(-3px);
}

/* ---- 光影层: 单层渐变 ---- */
.post-card::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:16px;
  pointer-events:none;
  z-index:3;
  background:radial-gradient(
    ellipse 140% 120% at var(--card-light-pos,50% 20%),
    rgba(255,255,255,0.22) 0%,
    var(--card-light-color,rgba(215,195,220,)) 35%,
    transparent 70%
  );
  /* 呼吸: 只对第一屏可见卡片生效，通过父容器控制 */
  animation:_glassBreath 8s ease-in-out infinite;
}

@keyframes _glassBreath{
  0%,100%{opacity:0.45}
  50%{opacity:0.70}
}

/* ---- 边缘高光 ---- */
.post-card::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  /* 单层渐变: 顶部亮边 */
  background:linear-gradient(180deg, rgba(255,255,255,0.45) 0%, transparent 20%)!important;
  border-radius:16px!important;
  pointer-events:none!important;
  z-index:4!important;
}
.post-card:hover::before{
  opacity:0.75;
}

/* 3D tilt 高光 */
.post-card[style*="--gx"]::after{
  background:radial-gradient(
    circle 100px at var(--gx,50%) var(--gy,50%),
    rgba(255,255,255,0.30) 0%,
    transparent 100%
  );
  animation:none;
  opacity:0.75;
}

/* ---- 文字区 ---- */
.post-card-body{
  background:rgba(255,255,255,0.58);
  position:relative;
  z-index:5;
}
.post-card-title{color:var(--text)!important}
.post-card-excerpt{color:var(--text-light)!important}

/* 图片区 */
.post-card-img{
  background:rgba(250,245,240,0.06)!important;
  border-bottom:1px solid rgba(255,255,255,0.18)!important;
  position:relative;z-index:1;
}

/* 分类标签 */
.post-card-cat{
  background:rgba(240,168,184,0.82)!important;
}

/* 左侧装饰条 */
.post-card .post-card-body::before{
  content:'';position:absolute;
  left:0;top:0;bottom:0;width:2px;
  background:var(--pink);opacity:0.25;
  border-radius:2px 0 0 2px;
  transition:opacity .4s var(--ease-out);z-index:10;
}
.post-card:hover .post-card-body::before{opacity:0.8}

/* ============================================
   侧边栏
   ============================================ */
.sidebar-section{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.10) 0%, transparent 25%),
    linear-gradient(135deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.30) 100%)!important;
  border:1px solid rgba(255,255,255,0.38)!important;
  border-top-color:rgba(255,255,255,0.60)!important;
  box-shadow:0 2px 14px rgba(0,0,0,.04)!important;
  position:relative;overflow:hidden;
}

.sidebar-section::before{
  content:'';position:absolute;inset:0;
  pointer-events:none;
  background:radial-gradient(
    ellipse 140% 120% at var(--card-light-pos,50% 20%),
    rgba(255,255,255,0.10) 0%,
    var(--card-light-color,rgba(215,195,220,)) 30%,
    transparent 70%
  );
  opacity:0.38;
  animation:_sideBreath 10s ease-in-out infinite;
}

@keyframes _sideBreath{
  0%,100%{opacity:0.28}
  50%{opacity:0.42}
}

.sidebar-head{border-bottom-color:rgba(255,255,255,0.22)!important}
.sidebar-head::after{background:rgba(255,255,255,0.22)!important}

.search-wrap input{
  background:rgba(255,255,255,0.35)!important;
  border:1px solid rgba(255,255,255,0.28)!important;
}
.search-wrap input:focus{
  background:rgba(255,255,255,0.52)!important;
  border-color:var(--pink-light)!important;
}

.recent-item{border-bottom-color:rgba(255,255,255,0.18)!important}
.archive-item{border-bottom-color:rgba(255,255,255,0.18)!important}

.cat-tag{
  background:rgba(255,255,255,0.28)!important;
  border:1px solid rgba(255,255,255,0.25)!important;
}
.cat-tag:hover{
  background:rgba(240,168,184,0.14)!important;
  border-color:var(--pink-light)!important;
}

/* ============================================
   响应式
   ============================================ */
@media(max-width:960px){
  /* 中屏: 停掉侧边栏动画 */
  .sidebar-section::before{animation:none}
}

@media(max-width:768px){
  .post-card{
    background:rgba(255,255,255,0.48)!important;
  }
  .post-card-body{background:rgba(255,255,255,0.62)}
  .sidebar-section{
    background:rgba(255,255,255,0.42)!important;
  }
  /* 移动端: 全部停动画 */
  .post-card::after,.sidebar-section::before{animation:none}
}

@media(max-width:480px){
  .post-card{background:rgba(255,255,255,0.52)!important}
  .post-card-body{background:rgba(255,255,255,0.65)}
}