/* ============================================================
   匠领学社 · 设计签名（统一质感层）
   文件：assets/jl-signature.css
   链接方式：置于 <head> 末尾（业务 CSS 之后），幂等覆盖。
   原则：只做质感增强（顶栏鎏金发丝线 / 卡片分层阴影 / 8pt 节奏），
        不改结构与布局，提质不换脸。
   依赖：jl-tokens.css 提供的 --jl-* 变量（须已在本页引入）。
   ============================================================ */

/* 1) 顶栏鎏金发丝线 —— 核心识别签名（22% 鎏金，克制不抢戏） */
#app-topnav,
[id*="topnav"],
[class*="topbar"],
[class*="top-nav"],
[class*="wb-top"],
.jl-top,
.pf-top,
.reader-head,
.plaza-cats-bar,
.bar-guest, .bar-joined, .bar-owner {
  border-bottom: 1px solid rgba(201,162,75,.22);
}

/* 2) 卡片分层阴影 + 现代圆角 + 悬停鎏金描边 */
.card, .bcard, .mcard, .fcard, .acard, .ucard, .cc-card, .ckcard, .sq-card,
.pc .full-card {
  box-shadow: var(--jl-sh-sm);
  border-radius: 16px;
  transition: transform .28s cubic-bezier(.2,.7,.3,1), box-shadow .28s, border-color .28s;
}
.card:hover, .bcard:hover, .mcard:hover, .fcard:hover, .acard:hover, .ucard:hover,
.cc-card:hover, .ckcard:hover, .sq-card:hover, .pc .full-card:hover {
  box-shadow: var(--jl-sh-md);
  border-color: rgba(201,162,75,.45);
  transform: translateY(-3px);
}

/* 3) 8pt 竖向节奏：卡片底部留白对齐 8pt 档（不改横向，避免回流） */
.card .foot, .bc-foot { margin-top: var(--jl-s4); }