/* ============================================================
 * opc-news.css — OPC资讯（博客列表 index.php + 分类归档 + 文章详情 single.php）
 * 2026-07-16h 深度同源整改：与 OPC 其它模块（case/community/idea）视觉同源。
 *   列表页 → .page-frame.opc-arc.opc-arc--news 全幅 + rich-row 语言双列卡片；
 *   详情页 → .detail-page.opc-detailB.opc-news-detail 复用范式B 骨架，本文件仅补齐
 *   single.php 独有、CPT 详情页没有的元素（entry-info/entry-bar/entry-excerpt/相关文章）。
 *   骨架布局规则来自 opc-detail.css（已 enqueue 到 is_singular('post')），勿在此重复。
 * ============================================================ */

/* ==========================================================================
 * 一、列表页（.opc-arc--news）
 * ========================================================================== */

/* ---------- 全幅主栏（撤 get_sidebar 后占满 page-frame）---------- */
.opc-arc--news .opc-news-main {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 32px;
  float: none;
}

/* ---------- 焦点图轮播：卡片化，去父主题原生描边 ---------- */
.opc-arc--news .slider-wrap {
  border-radius: var(--radius-card);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--line);
  margin-bottom: var(--space-8);
}
/* 点 7：统一轮播高度，覆盖父主题小屏 height:auto（塌陷根因），大小屏一致 */
.opc-arc--news .slider-wrap .main-slider,
.opc-arc--news .slider-wrap.slider-full .main-slider {
  height: 260px;
}
.opc-arc--news .slider-wrap .main-slider .swiper-wrapper,
.opc-arc--news .slider-wrap .swiper-slide,
.opc-arc--news .slider-wrap .swiper-slide > a,
.opc-arc--news .slider-wrap .swiper-slide img {
  height: 100%;
}
.opc-arc--news .slider-wrap .swiper-slide img { object-fit: cover; width: 100%; }
.opc-arc--news .slider-wrap .slide-title a { font-family: var(--font-display); font-weight: 600; }

/* ---------- 列表头部：标题 + 分类 tab 同行（左标题 / 右 tab）---------- */
.opc-arc--news .opc-news-listhead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-6);
  flex-wrap: wrap;
  margin-bottom: var(--space-5);
  padding-bottom: 0;
  border-bottom: 1px solid var(--line);
}
/* 标题「OPC资讯（共 N 篇）」字号对齐父主题「专题介绍」.sec-panel-head h2（18px/500/24） */
.opc-arc--news .opc-news-listhead .result-summary {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: var(--text);
  margin: 0;
  padding-bottom: 12px;
  white-space: nowrap;
}
.opc-arc--news .opc-news-listhead .result-summary .rs-count {
  color: var(--muted);
  font-weight: 400;
  font-size: 14px;
}

/* ---------- 分类切换 tab：对齐 QApress .q-header-tab 下划线语言（去外层圆角灰槽框）---------- */
.opc-arc--news .opc-news-listhead .sec-panel-head {
  border-bottom: none;
  margin-bottom: 0;
  /* 不收缩：空间不足时整组随父 flex-wrap 换到下一行，绝不裁切末项 tab */
  flex: 0 0 auto;
  max-width: 100%;
}
/* 容器：无背景无边框，与标题等高（24+12）底边对齐；桌面不裁切，窄屏才横滚 */
.opc-arc--news .tabs.j-newslist {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 0;
  padding: 0;
  margin: 0;
  width: auto;
  max-width: 100%;
  background: none;
  border: none;
  border-radius: 0;
  overflow: visible;
  font-size: 0;
}
.opc-arc--news .tabs.j-newslist::-webkit-scrollbar { display: none; }
/* 清除父主题 .tabs .tab{margin-right:31px}，改用 QApress 的间距 */
.opc-arc--news .tabs.j-newslist .tab {
  margin: 0 26px 0 0;
  list-style: none;
  display: block;
}
.opc-arc--news .tabs.j-newslist .tab:last-child { margin-right: 0; }
.opc-arc--news .tabs.j-newslist .tab a {
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--muted);
  /* 与 .result-summary 完全等高：line-height 24 + padding-bottom 12 = 36px，底边落在同一发丝线 */
  line-height: 24px;
  padding: 0 0 12px;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  display: block;
  white-space: nowrap;
  letter-spacing: .01em;
  transition: color .18s ease, border-color .18s ease;
}
.opc-arc--news .tabs.j-newslist .tab a:hover { color: var(--text); }
/* 选中态：蓝字加粗 + 底部 2px 蓝色下划线（QApress current-tab 语言） */
.opc-arc--news .tabs.j-newslist .tab.active a {
  color: var(--accent);
  background: none;
  box-shadow: none;
  font-weight: 600;
  border-bottom-color: var(--accent);
}
.opc-arc--news .tabs.j-newslist .tab .tab-underscore { display: none; }

/* ---------- 卡片列表 → rich-row 语言：双列 CSS grid（不改 markup，load-more 兼容）---------- */
.opc-arc--news .post-loop.post-loop-default {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 40px;
  align-items: start;
}
.opc-arc--news .post-loop-default .item {
  display: flex;
  gap: var(--space-4);
  padding: 22px 16px;
  margin: 0;
  border: none;
  border-bottom: 1px solid var(--line);
  border-radius: 14px;
  align-items: flex-start;
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.opc-arc--news .post-loop-default .item:hover {
  background: #fff;
  box-shadow: 0 10px 30px -14px rgba(29,29,31,.16);
  transform: translateY(-1px);
}
.opc-arc--news .post-loop-default .item.item-no-thumb { display: block; }

/* 缩略图：OPC 卡片比例（左置固定尺寸），hover 描边 */
.opc-arc--news .post-loop-default .item-img {
  flex: 0 0 132px;
  width: 132px;
  height: 92px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  margin: 0;
}
.opc-arc--news .post-loop-default .item-img .item-img-inner,
.opc-arc--news .post-loop-default .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}
.opc-arc--news .post-loop-default .item:hover .item-img { box-shadow: 0 0 0 1px rgba(var(--accent-rgb), .18); }
/* item-content 撑到图片高度并作纵向 flex：标题顶对齐、meta 底对齐（与 item-img 上下沿一致） */
.opc-arc--news .post-loop-default .item-content {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 92px;
}
.opc-arc--news .post-loop-default .item-content .item-meta { margin-top: auto; }

/* 点 4：整卡可点——覆盖链接铺满 item-content；内部真实链接抬到其上保持独立可点 */
.opc-arc--news .post-loop-default .item-content .item-stretched-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 12px;
}
.opc-arc--news .post-loop-default .item-content > *:not(.item-stretched-link) { position: relative; z-index: 2; }
.opc-arc--news .post-loop-default .item-content .item-title a,
.opc-arc--news .post-loop-default .item-content .item-meta a { position: relative; z-index: 2; }

/* 标题 / 摘要 */
.opc-arc--news .post-loop .item-title,
.opc-arc--news .post-loop .item-title a {
  font-family: var(--font-display);
  color: var(--text);
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
.opc-arc--news .post-loop .item-title a:hover { color: var(--accent); }
.opc-arc--news .post-loop .item-excerpt {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  margin-top: var(--space-2);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 点 6：分类标签去圆角方框，纯文字叠在缩略图上，靠文字阴影与背景形成反差 */
.opc-arc--news .post-loop .item-category {
  color: #fff;
  background: none;
  border: none;
  font-size: 11.5px;
  font-weight: 600;
  padding: 0;
  border-radius: 0;
  letter-spacing: .02em;
  text-shadow: 0 1px 3px rgba(0,0,0,.55), 0 0 1px rgba(0,0,0,.4);
  top: 7px;
  left: 9px;
  z-index: 3;
}
.opc-arc--news .post-loop .item-category:hover { color: var(--accent-soft); }

/* meta 行 */
.opc-arc--news .post-loop .item-meta,
.opc-arc--news .post-loop .item-meta a,
.opc-arc--news .post-loop .item-meta-li,
.opc-arc--news .post-loop .item-meta-li a {
  color: var(--muted-2);
  font-family: var(--font-sans);
  font-size: 12px;
}
.opc-arc--news .post-loop .item-meta-li a:hover { color: var(--accent); }
.opc-arc--news .post-loop .item-meta .avatar img {
  width: 20px; height: 20px; border-radius: 50%;
}

/* ---------- 加载更多 → OPC pill 按钮 ---------- */
.opc-arc--news .load-more-wrap { text-align: center; padding: var(--space-8) 0; }
.opc-arc--news .load-more {
  font-family: var(--font-sans);
  font-size: 14px;
  padding: 10px 32px;
  border-radius: var(--radius-pill);
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--line);
  cursor: pointer;
  display: inline-block;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.opc-arc--news .load-more:hover { background: var(--accent); color: #fff; border-color: var(--accent); }

/* ---------- 专题推荐区（若开启）圆角对齐 ---------- */
.opc-arc--news .topic-recommend .cover-container,
.opc-arc--news .topic-recommend .cover-container img { border-radius: var(--radius-card); overflow: hidden; }

/* ---------- 列表页响应式（对齐 opc-case.css 断点）---------- */
@media (max-width: 900px) {
  .opc-arc--news .post-loop-default .item-img { flex-basis: 116px; width: 116px; height: 82px; }
  /* 点 7：轮播高度全断点与大屏一致（260px），覆盖父主题小屏 height:auto 塌陷 */
  .opc-arc--news .slider-wrap .main-slider,
  .opc-arc--news .slider-wrap.slider-full .main-slider { height: 260px; }
}
@media (max-width: 768px) {
  .opc-arc--news .opc-news-main { padding: 0 18px; }
  .opc-arc--news .post-loop.post-loop-default { grid-template-columns: 1fr; gap: 0; }
  .opc-arc--news .post-loop-default .item { padding: 18px 14px; }
  .opc-arc--news .post-loop .item-title,
  .opc-arc--news .post-loop .item-title a { font-size: 15px; }
  /* 列表头小屏：标题上、tab 下，tab 可横滚不裁切末项 */
  .opc-arc--news .opc-news-listhead { flex-direction: column; align-items: flex-start; gap: 0; padding-bottom: 0; }
  .opc-arc--news .opc-news-listhead .result-summary { padding-bottom: 12px; }
  .opc-arc--news .opc-news-listhead .sec-panel-head { max-width: 100%; width: 100%; }
  .opc-arc--news .tabs.j-newslist {
    max-width: 100%;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  /* 点 7：小屏轮播固定高度与大屏一致 */
  .opc-arc--news .slider-wrap .main-slider,
  .opc-arc--news .slider-wrap.slider-full .main-slider { height: 260px; }
}
@media (max-width: 460px) {
  .opc-arc--news .post-loop-default .item { gap: 12px; }
  .opc-arc--news .post-loop-default .item-img { flex-basis: 96px; width: 96px; height: 70px; }
  .opc-arc--news .slider-wrap .main-slider,
  .opc-arc--news .slider-wrap.slider-full .main-slider { height: 260px; }
}

/* ==========================================================================
 * 二、详情页（.opc-news-detail，骨架继承 .opc-detailB / opc-detail.css）
 *    仅补齐 single.php 独有、CPT 详情页没有的元素。
 * ========================================================================== */

/* entry-head：标题由 .opc-detailB .entry-title 接管，这里补信息栏 */
.opc-news-detail .entry-head { margin-bottom: 20px; }
.opc-news-detail .entry-info,
.opc-news-detail .entry-info .dot,
.opc-news-detail .entry-info a,
.opc-news-detail .entry-info time {
  color: var(--muted);
  font-family: var(--font-sans);
  font-size: 13px;
}
.opc-news-detail .entry-info { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 4px; }
.opc-news-detail .entry-info .dot { color: var(--muted-2); }
.opc-news-detail .entry-info .vcard a { color: var(--accent); font-weight: 500; }
.opc-news-detail .entry-info a:hover { color: var(--accent-hover); }
.opc-news-detail .entry-info a[rel~="category"],
.opc-news-detail .entry-info .cat-links a {
  background: var(--accent-soft);
  color: var(--accent);
  padding: 2px 10px;
  border-radius: var(--radius-pill);
  font-size: 12px;
}

/* 摘要 + 正文（正文基础排版由 .opc-detailB 接管，这里补 news 专属节奏） */
.opc-news-detail .entry-excerpt {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
  padding: 14px 18px;
  background: var(--surface);
  border-radius: var(--radius-field);
  border-left: 3px solid var(--accent-soft-line);
  margin: 4px 0 22px;
}
.opc-news-detail .entry-content { font-size: 16px; line-height: 1.8; color: var(--text); }
.opc-news-detail .entry-content a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }

/* 标签 */
.opc-news-detail .entry-tag { margin-top: 24px; }
.opc-news-detail .entry-tag a,
.opc-news-detail .entry-tag .entry-specials a {
  color: var(--muted);
  font-size: 12.5px;
  padding: 5px 12px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  display: inline-block;
  margin: 0 8px 8px 0;
  transition: color .18s ease, background .18s ease;
}
.opc-news-detail .entry-tag a:hover { color: var(--accent); background: var(--accent-soft); }

/* 动作栏 entry-action：赞 + 收藏 双按钮，居中 / 矮而宽 / 蓝框蓝字高亮（2026-07-17 需求） */
.opc-news-detail .entry-action {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin: 26px 0;
}
.opc-news-detail .entry-action .btn-zan,
.opc-news-detail .entry-action .btn-fav,
.opc-news-detail .entry-action .btn-dashang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 160px;
  height: 40px;
  padding: 0 32px;
  color: var(--accent);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  border: 1px solid var(--accent);
  border-radius: var(--radius-pill);
  background: var(--bg);
  cursor: pointer;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}
.opc-news-detail .entry-action .btn-zan:hover,
.opc-news-detail .entry-action .btn-fav:hover,
.opc-news-detail .entry-action .btn-dashang:hover {
  color: #fff; background: var(--accent); border-color: var(--accent);
}
.opc-news-detail .entry-action .btn-zan.liked,
.opc-news-detail .entry-action .btn-fav.hearted {
  color: #fff; background: var(--accent); border-color: var(--accent);
}
/* entry-bar 参照原生（2026-07-17 需求）：隐藏内联作者头像(entry-bar-author)，
   entry-bar-inner 恢复为社交/元信息图标条——左侧分享图标、右侧收藏★/评论数/阅读钮。 */
.opc-news-detail .entry-bar { border-top: 1px solid var(--line); margin-top: 28px; padding-top: 16px; }
.opc-news-detail .entry-bar-author { display: none; }
.opc-news-detail .entry-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
.opc-news-detail .entry-bar .entry-bar-info {
  display: flex;
  align-items: center;
  width: 100%;
}
/* 2026-07-17 需求：share 靠左，meta + act 靠右成组（DOM 顺序为 meta→share→act，用 order 重排）。 */
.opc-news-detail .entry-bar .info-item.share { order: 0; margin-right: auto; }
.opc-news-detail .entry-bar .info-item.meta  { order: 1; }
.opc-news-detail .entry-bar .info-item.act   { order: 2; }
.opc-news-detail .entry-bar .info-item { color: var(--muted); }
/* 去除 share / meta 左侧父主题 .info-item:before 竖线，
   仅保留 meta 与 act 之间的分界竖线（act 视觉在最右，竖线放其左侧 ::before）。 */
.opc-news-detail .entry-bar .info-item.share::before,
.opc-news-detail .entry-bar .info-item.meta::before { display: none !important; }
.opc-news-detail .entry-bar .info-item.act {
  position: relative;
  padding-left: 20px;
}
.opc-news-detail .entry-bar .info-item.act::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 18px;
  margin-top: -9px;
  background: var(--line);
  opacity: .9;
}
.opc-news-detail .entry-bar .info-item.share .wi,
.opc-news-detail .entry-bar .info-item.act .wi { font-size: 20px; }
.opc-news-detail .entry-bar .meta-item { color: var(--muted); transition: color .15s ease; }
.opc-news-detail .entry-bar .meta-item:hover,
.opc-news-detail .entry-bar .meta-item.hearted { color: var(--accent); }

/* ==========================================================================
 * 阅读模式修复（2026-07-17 bug）：#j-reading 点击后 JS 给 <body> 加 .reading，
 * 父主题原生规则 .reading:before 铺全屏白遮罩(z8800)，靠 .reading .main{z8805}
 * 把正文提升到遮罩之上。但 OPC 详情页已把 .wrap/.main 换成 .detail-page/.detail-main，
 * 原生选择器匹配不到 → 正文没被提升 → 整屏被白遮罩盖住＝空白页。
 * 这里为 OPC 结构补齐等价规则，复刻原生"纯净阅读"体验。
 * ========================================================================== */
body.reading.single .detail-page.opc-detailB {
  position: static !important;
  display: block !important;
}
body.reading.single .detail-main {
  position: absolute;
  left: 50%;
  top: 10px;
  width: min(760px, calc(100% - 40px));
  transform: translateX(-50%);
  z-index: 8805;
  transition: opacity .5s ease-out 0s;
}
/* 阅读模式下隐藏干扰元素：右栏、动作栏、社交条、标签、作者卡、评论、广告 */
body.reading.single .detail-aside,
body.reading.single .opc-news-detail .entry-action,
body.reading.single .opc-news-detail .entry-bar,
body.reading.single .opc-news-detail .entry-tag,
body.reading.single .opc-news-detail .entry-author,
body.reading.single .opc-news-detail .entry-comments,
body.reading.single .opc-news-detail .comment-respond { display: none !important; }
body.reading.single .opc-news-detail .entry-main { padding: 20px 0; }
/* 返回按钮（右上角）着色对齐 OPC token */
body.reading .reading-back .wi { color: var(--muted); }
body.reading .reading-back:hover .wi { color: var(--text); }

/* ==========================================================================
 * 关于作者卡（2026-07-17 需求）：参照 justnews 原生 entry-author，OPC 化为
 * 白底圆角卡 + 左侧竖蓝条标题；头像/名称/认证标签/关注·私信钮/统计/简介。
 * ========================================================================== */
.opc-news-detail .entry-author {
  margin-top: 28px;
  padding: 24px 28px;
  /* 2026-07-14 需求：作者卡改灰色背景（设计系统柔和面板底 --surface）。 */
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-card, 16px);
  box-shadow: var(--shadow-sm);
}
.opc-news-detail .entry-author-title {
  position: relative;
  margin: 0 0 20px;
  padding-left: 12px;
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
}
.opc-news-detail .entry-author-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 3px;
  height: calc(100% - 4px);
  border-radius: 2px;
  background: var(--accent);
}
.opc-news-detail .entry-author-inner {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.opc-news-detail .entry-author-avatar { flex-shrink: 0; width: 54px; }
.opc-news-detail .entry-author-avatar a { display: block; width: 54px; height: 54px; border-radius: 50%; overflow: hidden; }
.opc-news-detail .entry-author-avatar img { width: 54px; height: 54px; object-fit: cover; display: block; }
.opc-news-detail .entry-author-content { flex: 1 1 auto; min-width: 0; }
/* name 行左（名称+标签）/ 右（关注·私信）分布；名称过长省略不挤按钮 */
.opc-news-detail .entry-author-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 12px;
}
.opc-news-detail .entry-author-name {
  margin: 0;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.opc-news-detail .entry-author-name a {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text);
}
.opc-news-detail .entry-author-name a:hover { color: var(--accent); }
/* 认证作者标签：蓝框蓝字浅蓝底小胶囊（清除父主题 :before/:after 双伪元素描边，避免叠乱） */
.opc-news-detail .entry-author-name .user-group {
  display: inline-block;
  margin: 0 0 0 8px;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: var(--accent);
  background: var(--accent-soft);
  border: 1px solid var(--accent-soft-line);
  border-radius: 6px;
  vertical-align: middle;
  overflow: visible;
  z-index: auto;
}
.opc-news-detail .entry-author-name .user-group::before,
.opc-news-detail .entry-author-name .user-group::after { display: none; }
/* 关注 / 私信 按钮：关注=实心蓝（主），私信=描边蓝（次），主次分明 */
.opc-news-detail .entry-author-action { display: flex; flex-shrink: 0; gap: 10px; }
.opc-news-detail .entry-author-action .wpcom-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}
/* 关注（主）：实心蓝 */
.opc-news-detail .entry-author-action .btn-follow {
  color: #fff;
  background: var(--accent);
  border: 1px solid var(--accent);
}
.opc-news-detail .entry-author-action .btn-follow:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
.opc-news-detail .entry-author-action .btn-follow.followed {
  color: var(--muted);
  background: var(--surface);
  border-color: var(--line);
}
/* 私信（次）：描边蓝 */
.opc-news-detail .entry-author-action .btn-message {
  color: var(--accent);
  background: #fff;
  border: 1px solid var(--accent-soft-line);
}
.opc-news-detail .entry-author-action .btn-message:hover { background: var(--accent-soft); border-color: var(--accent); }
/* 统计：文章 / 评论 / 粉丝（父主题 b/span 为 display:block 堆叠，这里强制横排对齐） */
.opc-news-detail .entry-author-stats { display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 10px; margin-top: 10px; }
.opc-news-detail .entry-author-stats .user-stats-item {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  color: var(--muted);
  white-space: nowrap;
  transition: color .15s ease;
}
.opc-news-detail .entry-author-stats .user-stats-item:hover { color: var(--accent); }
.opc-news-detail .entry-author-stats .user-stats-item b {
  display: inline;
  color: var(--text);
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  margin: 0;
}
.opc-news-detail .entry-author-stats .user-stats-item span {
  display: inline;
  font-size: 13px;
  line-height: 1;
  opacity: 1;
}
.opc-news-detail .entry-author-stats .user-stats-item:hover b { color: var(--accent); }
.opc-news-detail .entry-author-description {
  margin-top: 10px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}


/* 相关文章：复用 opc-detail.css .entry-related-posts 网格；作者卡 / prev-next 收敛 */
.opc-news-detail .entry-related-posts { margin-top: 36px; }
.opc-news-detail .entry-related-posts .related-title,
.opc-news-detail .entry-related-posts h3 { font-family: var(--font-display); font-size: 17px; font-weight: 600; margin-bottom: 16px; }

/* ---------- 作者卡封面：浅蓝渐变横幅（2026-07-14 需求，深度同源后保留）---------- */
.widget_profile .profile-cover--gradient {
  height: 96px !important;
  padding-bottom: 0 !important;
  background: linear-gradient(135deg, #7db4ff 0%, #4d8bfe 100%);
  position: relative;
  overflow: hidden;
}
.widget_profile .profile-cover--gradient::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120px 120px at 84% -20%, rgba(255, 255, 255, .22), transparent 70%),
    radial-gradient(140px 140px at 8% 120%, rgba(96, 165, 250, .35), transparent 70%);
  pointer-events: none;
}

/* ---------- 详情页响应式 ---------- */
@media (max-width: 768px) {
  .opc-news-detail .entry-excerpt { font-size: 14px; }
  .opc-news-detail .entry-content { font-size: 15px; }
  /* 作者卡：小屏名称行与统计换行更从容，按钮不挤压 */
  .opc-news-detail .entry-author { padding: 20px; }
  .opc-news-detail .entry-author-info { flex-wrap: wrap; }
  .opc-news-detail .entry-author-action { gap: 8px; }
  .opc-news-detail .entry-author-action .wpcom-btn { padding: 7px 14px; }
  .opc-news-detail .entry-author-stats { gap: 10px; }
}