/* 个人博客化（Modules/Common/PersonalBlog/PersonalBlog.php）。颜色用额外CSS里的变量，黑夜模式自动适配 */

/* ---------- 访客隐藏需要登录的入口（本站不开放注册）---------- */
body.ytea-guest .header-banner-right .top-user-info,
body.ytea-guest .header-banner-right .login-button,
body.ytea-guest .mobile-show .b2-user-line,
body.ytea-guest .post-content-footer .favorite-button,
body.ytea-guest .post-content-footer .content-footer-zan-cai,
body.ytea-guest .post-meta .single-like,
body.ytea-guest .comment-footer .comment-vote-hidden { display: none !important; }

/* ---------- 评论身份：去掉会员等级、A / M 标识，换成「博主」 ---------- */
.comment-user-info .lv-icon,
.comment-user-info .user-title,
.comment-user-info .comment-mod,
.comments-title .comment-info > span:not(.comment-count) { display: none !important; }
/* 主题在 b.comment-auth 自身的伪元素上画了图标，直接改它会乱；把「A」隐藏，标签画在外层 span 上 */
.comment-user-info b.comment-auth { display: none !important; }
.comment-user-info .comment-author span:has(> b.comment-auth)::after {
  content: "博主";
  display: inline-block;
  margin-left: 6px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  color: #fff;
  background: var(--deep, #1d4e89);
  vertical-align: 1px;
}

/* ---------- 文章开头：可能过时提示 ---------- */
.entry-content .ytea-outdated {
  display: flex;
  gap: 10px;
  align-items: baseline;
  margin: 0 0 22px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid rgba(217, 119, 6, .28);
  border-left: 4px solid #d97706;
  background: rgba(245, 158, 11, .08);
  font-size: 14px;
  line-height: 1.7;
  color: var(--ink, #1c2b3a);
}
.entry-content .ytea-outdated b {
  flex: none;
  padding: 1px 8px;
  border-radius: 6px;
  font-size: 12px;
  color: #fff;
  background: #d97706;
}

/* ---------- 文末：文章信息卡 ---------- */
.entry-content .ytea-postcard {
  margin: 36px 0 8px;
  padding: 18px 20px;
  border-radius: 14px;
  border: 1px solid var(--line, #dce7f2);
  border-left: 4px solid var(--deep, #1d4e89);
  background: var(--paper, #f2f7fc);
  font-size: 14px;
}
.entry-content .ytea-postcard-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0 0 8px; line-height: 1.7; color: var(--ink, #1c2b3a); }
.entry-content .ytea-postcard-row > span { flex: none; width: 36px; font-size: 13px; color: var(--ink-muted, #6b7c8f); }
.entry-content .ytea-postcard-row em { font-style: normal; font-size: 13px; color: var(--ink-muted, #6b7c8f); }
.entry-content .ytea-postcard-row a { color: var(--deep, #1d4e89) !important; text-decoration: none !important; }
.entry-content .ytea-postcard-row a:hover { text-decoration: underline !important; }
.entry-content .ytea-postcard-row code {
  min-width: 0;
  padding: 0 !important;
  font-size: 13px;
  word-break: break-all;
  color: var(--ink, #1c2b3a) !important;
  background: none !important;
}
/* 正文段落样式（额外CSS里 .single .entry-content p）优先级很高，这里加上 html body 压过它 */
html body .entry-content aside.ytea-postcard p.ytea-postcard-note {
  margin: 12px 0 0 !important;
  padding-top: 10px;
  border-top: 1px dashed var(--line, #dce7f2);
  font-size: 13px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  color: var(--ink-muted, #6b7c8f) !important;
}

html.yt-dark .entry-content .ytea-outdated { background: rgba(245, 158, 11, .1); border-color: rgba(245, 158, 11, .3); }

/* ---------- 侧边栏「作者简介」卡片（PersonalBlog.php 补充简介和兴趣标签；封面条在 ytea-site.css 第 7 节）---------- */
#custom_html-4 .author-overview-container { gap: 6px !important; padding-bottom: 18px !important; }
#custom_html-4 .author-image-link { position: relative; display: inline-block; border-radius: 50%; }
/* 头像外圈渐变光环，悬停时转动 */
#custom_html-4 .author-image-link::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  background: conic-gradient(from 0deg, #5fa8dc, #1d4e89, #ffb7cf, #5fa8dc);
  z-index: 0;
  transition: transform .8s ease;
}
#custom_html-4 .author-image { position: relative; z-index: 1; transition: transform .4s ease; }
#custom_html-4 .author-image-link:hover::before { transform: rotate(180deg); }
#custom_html-4 .author-image-link:hover .author-image { transform: scale(1.04); }
#custom_html-4 .author-name { margin: 4px 0 0 !important; font-size: 20px !important; }

#custom_html-4 .ytea-author-bio { margin: 0 !important; padding: 0 6px; font-size: 13px !important; line-height: 1.7 !important; color: var(--ink-muted, #6b7c8f) !important; }
#custom_html-4 .ytea-author-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 4px; }
#custom_html-4 .ytea-author-chips span {
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 12px;
  color: var(--deep, #1d4e89);
  background: var(--sky-soft, #e4effa);
}

@media (prefers-reduced-motion: reduce) {
  #custom_html-4 .author-image-link::before, #custom_html-4 .author-image { transition: none; }
}