/* 留言页（page-id-119）布局：标题叠在横幅图上，评论区上移到首屏；颜色沿用额外CSS里的 --deep / --line / --paper 等变量，黑夜模式自动适配 */

/* ---------- 横幅：标题 + 图片合成一张卡片 ---------- */
body.page-id-119 #post-119.single-article {
  display: grid;
  margin-top: 16px;
  padding: 0 !important;
  overflow: hidden;
  border-radius: 18px !important;
  border: 1px solid var(--line, #dce7f2);
  box-shadow: none !important;
}
body.page-id-119 #post-119 > * { grid-area: 1 / 1; min-width: 0; }

body.page-id-119 #post-119 .entry-content { margin: 0 !important; padding: 0 !important; }
body.page-id-119 #post-119 .entry-content p { margin: 0 !important; }
body.page-id-119 #post-119 .entry-content img.wp-image-121 {
  display: block;
  width: 100%;
  height: 280px;
  object-fit: cover;
  object-position: center 35%;
  border-radius: 0 !important;
  margin: 0 !important;
}

body.page-id-119 #post-119 .entry-header {
  z-index: 1;
  align-self: end;
  margin: 0 !important;
  padding: 56px 32px 24px !important;
  border: 0 !important;
  background: linear-gradient(to bottom, rgba(14, 22, 34, 0), rgba(14, 22, 34, .62));
  pointer-events: none;
}
body.page-id-119 #post-119 .entry-title {
  margin: 0 !important;
  color: #fff !important;
  font-size: 28px;
  letter-spacing: 4px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}
body.page-id-119 #post-119 .entry-title::after {
  content: "有什么想说的，都可以留在这里～ 友链申请、建议反馈、随便聊聊都欢迎";
  display: block;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, .88);
}

/* ---------- 评论区（评论框通用样式在 ytea-comment-form.css）---------- */
body.page-id-119 .comments-box { margin-top: 16px; }
/* 顺序：标题 → 留言列表 → 翻页 → 输入框（输入框放最下面） */
body.page-id-119 #comments.comments-area { display: flex; flex-direction: column; }
body.page-id-119 #comments > .comments-title { order: 0; }
body.page-id-119 #comments > .comments-area-content { order: 1; }
body.page-id-119 #comments > .comment-nav { order: 2; }
body.page-id-119 #comments > #comment-form {
  order: 3;
  border-top: 1px solid var(--line, #dce7f2);
  padding-top: 16px;
  margin-top: 4px;
}

/* ---------- 横幅右下角统计（functions.php 里 the_content 输出）---------- */
body.page-id-119 #post-119.single-article { position: relative; }
body.page-id-119 .ytea-gb-stats {
  position: absolute;
  right: 24px;
  bottom: 22px;
  z-index: 2;
  display: flex;
  gap: 8px;
}
body.page-id-119 .ytea-gb-stats span {
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 12px;
  color: rgba(255, 255, 255, .92);
  background: rgba(255, 255, 255, .16);
  border: 1px solid rgba(255, 255, 255, .28);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
body.page-id-119 .ytea-gb-stats b { font-size: 14px; color: #fff; margin-right: 2px; }

/* ---------- 标题栏 ---------- */
body.page-id-119 #comments .comments-title { padding: 16px 24px !important; }
body.page-id-119 #comments .comments-title .comment-info > span:first-child,
body.page-id-119 #comments .comments-title b { font-size: 17px; }
body.page-id-119 #comments .comment-tips { font-style: italic; opacity: .8; }

/* ---------- 留言列表：聊天气泡 ---------- */
body.page-id-119 #comments .comments-area-content { padding: 8px 24px 4px !important; }
body.page-id-119 #comments .comment-list > li { border: 0 !important; }
body.page-id-119 #comments .comment-list article.comment {
  display: flex;
  gap: 12px;
  padding: 16px 0 !important;
  border-bottom: 1px dashed var(--line, #dce7f2);
  animation: ytea-gb-in .35s ease both;
}
body.page-id-119 #comments .comment-list > li:last-child > article.comment { border-bottom: 0; }

/* 主题把头像绝对定位、内容区留左边距；改成 flex 并排 */
body.page-id-119 #comments .comment-list .gravatar { position: static !important; flex: none; margin: 0 !important; }
body.page-id-119 #comments .comment-list .gravatar img.avatar {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 2px var(--card, #fff), 0 0 0 3px var(--line, #dce7f2);
}

body.page-id-119 #comments .comment-item {
  flex: 1;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important; /* 主题的浅灰上边框，黑夜模式下是一条亮线 */
  background: none !important;
}
body.page-id-119 #comments .comment-meta { align-items: flex-start; margin-bottom: 0 !important; }
body.page-id-119 #comments .comment-author { font-weight: 700; color: var(--ink, #1c2b3a); }
body.page-id-119 #comments .comment-floor { font-size: 12px; color: var(--ink-muted, #6b7c8f); }

body.page-id-119 #comments .comment-content { margin-top: 8px !important; padding: 0 !important; }
body.page-id-119 #comments .comment-content-text {
  width: fit-content;
  max-width: 100%;
  margin: 0 !important;
  padding: 10px 14px;
  border-radius: 4px 16px 16px 16px;
  background: var(--paper, #f2f7fc);
  border: 1px solid var(--line, #dce7f2);
  line-height: 1.7;
  word-break: break-word;
}
body.page-id-119 #comments .comment-content-text p { margin: 0 !important; }
body.page-id-119 #comments .comment-content-text p + p { margin-top: 6px !important; }

/* 站长的留言换成主题蓝气泡 */
body.page-id-119 #comments article.ytea-by-author .comment-content-text {
  background: rgba(29, 78, 137, .08);
  border-color: rgba(29, 78, 137, .22);
}
html.yt-dark body.page-id-119 #comments article.ytea-by-author .comment-content-text {
  background: rgba(124, 183, 255, .1);
  border-color: rgba(124, 183, 255, .25);
}

/* 点赞 / 回复：小一号，电脑上悬停时才显眼 */
body.page-id-119 #comments .comment-footer { margin-top: 4px !important; min-height: 0 !important; }
body.page-id-119 #comments .comment-footer-tools { font-size: 12px; opacity: .55; transition: opacity .2s; }
body.page-id-119 #comments article.comment:hover .comment-footer-tools { opacity: 1; }
body.page-id-119 #comments .comment-footer-tools button { font-size: 12px !important; }

/* 楼中楼回复：左侧竖线缩进 */
body.page-id-119 #comments .children:not(:empty) {
  margin: 0 0 8px 54px !important;
  padding-left: 14px !important;
  border-left: 2px solid var(--line, #dce7f2);
}
body.page-id-119 #comments .children article.comment { padding: 12px 0 !important; border-bottom: 0; }
body.page-id-119 #comments .children .gravatar img.avatar { width: 32px !important; height: 32px !important; }

/* 空状态 */
body.page-id-119 #comments .none-comment::before {
  content: "💬";
  display: block;
  font-size: 32px;
  margin-bottom: 6px;
}

/* ---------- 输入区标题 ---------- */
body.page-id-119 #comments > #comment-form { padding: 18px 24px 4px !important; }
body.page-id-119 #comments > #comment-form::before {
  content: "✍️ 写下你的留言";
  display: block;
  margin-bottom: 14px;
  font-size: 15px;
  font-weight: 700;
  color: var(--ink, #1c2b3a);
}

@keyframes ytea-gb-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { body.page-id-119 #comments .comment-list article.comment { animation: none; } }

/* ---------- 手机 ---------- */
@media (max-width: 768px) {
  body.page-id-119 #post-119 .entry-content img.wp-image-121 { height: 180px; }
  body.page-id-119 #post-119 .entry-header { padding: 40px 18px 16px !important; }
  body.page-id-119 #post-119 .entry-title { font-size: 22px; letter-spacing: 2px; }
  body.page-id-119 #post-119.single-article { margin-top: 12px; }
  body.page-id-119 #post-119 .entry-title::after { content: "有什么想说的，都可以留在这里～"; font-size: 12px; letter-spacing: 0; }
  body.page-id-119 .comments-box { margin-top: 12px; }
  body.page-id-119 .ytea-gb-stats { right: 14px; top: 12px; bottom: auto; }
  body.page-id-119 .ytea-gb-stats span { padding: 3px 9px; font-size: 11px; }
  body.page-id-119 .ytea-gb-stats b { font-size: 12px; }
  body.page-id-119 #comments .comments-title { padding: 14px 16px !important; }
  body.page-id-119 #comments .comment-tips { display: none !important; }
  body.page-id-119 #comments .comments-area-content { padding: 4px 16px !important; }
  body.page-id-119 #comments > #comment-form { padding: 16px 16px 4px !important; }
  body.page-id-119 #comments .comment-footer-tools { opacity: 1; }
  body.page-id-119 #comments .children:not(:empty) { margin-left: 20px !important; }
}