/* ==========================================================================
   guestbook.css —— 留言板专属(/guestbook 浮层)
   ⚠️ 由 templates/../build.py 同族工具拆分自原 main.css(2026-10-10),
      只做文件归位, 规则内容一字未改。
   四份 CSS 全部在 <head> 按 base → feed → article → guestbook 顺序引入
   (顺序 = 原文件里的相对顺序, 保证层叠优先级不变)。
   ========================================================================== */

  /* ===== 留言板视图(/guestbook) —— 复用 articleView 的顶栏/收起按钮样式 ===== */
  #guestbookView { position: fixed; inset: 0; z-index: 90; display: none; background: var(--bg-page); }
  #guestbookView.show { display: block; animation: avIn .22s ease; }
  #guestbookView .gb-head { padding: 30px 28px 4px; }
  #guestbookView .gb-title { font-size: 23px; font-weight: 700; letter-spacing: .01em; margin: 0; }
  #guestbookView .gb-head-row { display: flex; align-items: center; }
  /* 2026-10-10: 表头参照 Twikoo —— 左「N 条留言」+ 右「最新/最早」纯文字 tab + 下分隔线 */
  #guestbookView .gb-bar { display: flex; align-items: center; gap: 16px; margin: 12px 0 0;
    padding-bottom: 11px; border-bottom: 1px solid var(--line); }
  #guestbookView .gb-count { font-size: 13.5px; font-weight: 600; color: var(--ink); }
  #guestbookView .gb-sort { margin-left: auto; display: flex; gap: 13px; }
  #guestbookView .gb-sort button { font-family: inherit; font-size: 13.5px; line-height: 1.3; padding: 0;
    border: none; background: none; color: var(--sub); cursor: pointer; transition: color .15s ease; }
  #guestbookView .gb-sort button:hover { color: var(--ink); }
  #guestbookView .gb-sort button.on { color: #5879a8; font-weight: 600; }
  [data-theme="dark"] #guestbookView .gb-sort button.on { color: #9dc0e8; }
  /* 2026-10-10: 评论区与上方正文之间加分隔线(与文章页一致) */
  #guestbookView .gb-cmt, #guestbookView #gbCmt { margin: 26px 28px 20px; padding: 18px 20px 20px;
    background: var(--bg-soft2); border-radius: 10px; position: relative; }
  /* 评论区外部分隔线: 三页共用(友链页 #lkCmt 也挂了 .gb-cmt 类) */
  /* 只有留言板需要(友链页 #lkCmt 也挂着 gb-cmt 类, 不限视图会重复画线) */
  #guestbookView .gb-cmt::before, #guestbookView #gbCmt::before { content: ''; position: absolute; left: 0; right: 0; top: -26px; height: 1px; background: var(--line); }
  /* 2026-10-10: 原 #guestbookView .gb-intro p{1.1em} 已删 —— 它在原 main.css 里位于
   :is(#articleView,#linksView,#guestbookView) .av-body p{1.35em} 之前, 特异性相同、
   靠源顺序取胜, 也就是说这条从来没有生效过(死规则)。拆分后若保留, 反而会因文件
   引序反转而生效、改变渲染。删掉后 base 的 1.35em 照旧胜出, 与拆分前完全一致。 */
  [data-theme="dark"] #guestbookView .gb-intro { color: var(--ink); }
  [data-theme="dark"] #guestbookView .gb-cmt, [data-theme="dark"] #guestbookView #gbCmt { background: #2c2c30; }
  /* 2026-10-10: 留言板是独立覆盖层(z-index 90), 浮动按钮组同样要提上来, 否则被盖住 */
  body.gb-open .backtop, body.gb-open .mini-music, body.gb-open .theme-fab { z-index: 100; }
#linksView .gb-cmt, #linksView #lkCmt{ margin:0; padding:18px 20px 20px; background:var(--bg-soft2); border-radius:10px; }
[data-theme="dark"] #linksView .gb-cmt, [data-theme="dark"] #linksView #lkCmt{ background:#2c2c30; }