/* 新闻内容页专用样式（作用域限定在 .qacontent-main / .qacontent-section 下，不影响其他页面） */

/* 问答内容页英雄区背景图片 */
.qacontent-main .hero {
  background: url('../images/banner2.jpg') center/cover no-repeat;
}

/* 主体内容区：布局复用问答页 .qalist-layout（不在此处定义列数，避免冲突） */
.qacontent-section { margin-top: 0; }

/* 文章卡片 */
.qacontent-section .article { background: #fff; border: 1px solid #eef2f6; border-radius: 12px; padding: 20px; text-align: left; }
@media (min-width: 768px) { .qacontent-section .article { padding: 24px; } }
@media (min-width: 1200px) { .qacontent-section .article { padding: 28px; } }

/* 面包屑 */
.qacontent-section .breadcrumb { display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; color: #6b7280; margin: 0 0 10px; }
.qacontent-section .breadcrumb a { color: #6b7280; text-decoration: none; }
.qacontent-section .breadcrumb a:hover { color: var(--brand-primary); text-decoration: underline; }

/* 确保H1标签作为文章标题时使用相同样式 */
.qacontent-section h1.article-title { margin: 0 0 10px; font-size: clamp(22px, 3.2vw, 28px); line-height: 1.32; font-weight: 700; color: #111827; }
.qacontent-section .qa-titlebar { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; }
.qacontent-section .qa-titlebar .article-title { margin: 0; }
.qacontent-section .qa-titlebar .qa-qicon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #eaf3ff; /* 浅底更简约 */
  color: var(--brand-primary); /* 品牌蓝文字 */
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .02em;
  border: 1px solid #cfe3ff; /* 浅描边 */
  box-shadow: none; /* 去除重阴影 */
  flex: 0 0 auto;
}
@media (max-width: 420px) {
  .qacontent-section .qa-titlebar .qa-qicon { width: 24px; height: 24px; font-size: 11px; }
}
.qacontent-section .article-meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 13px; color: #6b7280; margin: 0 0 12px; }
.qacontent-section .article-meta .dot { color: #9ca3af; }

/* 封面图 */
.qacontent-section .article-cover { margin: 12px 0 20px; border-radius: 10px; overflow: hidden; border: 1px solid #eef2f6; background: #f8fafc; }
.qacontent-section .article-cover img { width: 100%; height: auto; display: block; }

/* 桌面端限制图片宽度，避免过宽导致阅读不适 */
@media (min-width: 800px) {
  .qacontent-section .article-cover { max-width: 750px; margin-left: auto; margin-right: auto; }
  .qacontent-section .article-content figure { max-width: 750px; margin-left: auto; margin-right: auto; }
  .qacontent-section .article-content img { max-width: 750px; width: 100%; height: auto; }
}

/* 正文排版 */
.qacontent-section .article-content { color: #1f2937; font-size: 16px; line-height: 1.85; }
.qacontent-section .article-content > *:first-child { margin-top: 0; }
.qacontent-section .article-content > * { margin: 14px 0; }
.qacontent-section .article-content h2 { font-size: 20px; margin: 20px 0 10px; line-height: 1.5; color: #111827; }
.qacontent-section .article-content h3 { font-size: 18px; margin: 18px 0 8px; line-height: 1.5; color: #111827; }
.qacontent-section .article-content h4 { font-size: 16px; margin: 16px 0 8px; line-height: 1.5; color: #111827; }
.qacontent-section .article-content p { margin: 12px 0; max-width: 100%;font-size: 16px;}
/* 图文：图片与说明文字居中，图注浅灰小号 */
.qacontent-section .article-content figure { margin: 16px auto; text-align: center; }
.qacontent-section .article-content figure img { display: block; margin: 0 auto; height: auto; }
.qacontent-section .article-content img {
  display: block;
  margin: 16px auto; /* 上下留白并水平居中 */
  height: auto;
  max-width: 750px; /* 统一最大宽度 */
  width: 100%;
  box-sizing: border-box; /* 边框计入宽度，避免溢出 */
  border: 1px solid #eef2f6;
  border-radius: 10px;
  background: #f8fafc;
}
.qacontent-section .article-content figcaption { margin-top: 6px; color: #9ca3af; font-size: 12px; line-height: 1.6; text-align: center; }
.qacontent-section .article-content a { color: var(--brand-primary); text-decoration: none; }
.qacontent-section .article-content a:hover { text-decoration: underline; }

/* 列表 */
.qacontent-section .article-content ul,
.qacontent-section .article-content ol { padding-left: 1.2em; margin: 12px 0; }
.qacontent-section .article-content li { margin: 6px 0; }

/* 引用块 */
.qacontent-section .article-content blockquote { margin: 14px 0; padding: 10px 12px; background: #f8fbff; border-left: 3px solid #9ec5ff; color: #374151; border-radius: 6px; }

/* 问答块 */
.qacontent-section .article-content .qa-block { 
  margin: 12px 0; 
  padding: 10px 12px; 
  border-radius: 8px; 
  border: 1px solid #e6eef7; 
  background: #ffffff; 
  color: #374151; 
}
.qacontent-section .article-content .qa-block strong { color: var(--brand-primary); margin-right: 4px; }
.qacontent-section .article-content .qa-block.q { 
  border-left: 4px solid #76a9fa; 
  background: #f8fbff; 
}
.qacontent-section .article-content .qa-block.a { 
  border-left: 4px solid #34d399; 
  background: #f7fffb; 
}

/* 图片风格的问答正文布局 */
.qacontent-section .qa-content { position: relative; }
.qacontent-section .qa-content .qa-head { display: flex; align-items: center; gap: 10px; margin: 6px 0; }
.qacontent-section .qa-content .qa-qicon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #f59e0b; color: #fff; font-weight: 700; font-size: 14px; }
.qacontent-section .qa-content .qa-title { margin: 0; font-size: clamp(18px, 2.8vw, 22px); line-height: 1.4; font-weight: 800; color: #111827; }
.qacontent-section .qa-content .qa-meta { margin: 4px 0 10px; color: #6b7280; font-size: 12px; }
.qacontent-section .qa-content .qa-desc { margin: 10px 0 14px; color: #374151; }

.qacontent-section .qa-content .qa-answer-label,
.qacontent-section .qa-infobar .qa-answer-label { display: inline-block; padding: 4px 10px; border-radius: 999px; background: #ecfdf5; color: #059669; border: 1px solid #a7f3d0; font-size: 12px; font-weight: 600; margin: 6px 0 12px; }
/* 信息条中的“专业回答”改为金色权威徽章 */
.qacontent-section .qa-infobar .qa-answer-label { margin: 0; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 8px; background: linear-gradient(180deg, #fff7e6 0%, #fff3d9 100%); color: #8a6110; border: 1px solid #f5d48a; font-weight: 700; letter-spacing: .02em; }
.qacontent-section .qa-infobar .qa-answer-label::before { content: "✔"; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 999px; background: #c28a0e; color: #fff; font-size: 10px; line-height: 1; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); }

/* 推荐回答角标：柔和橙色小贴纸（正文与信息条适配） */
.qacontent-section .qa-content .qa-ansbadge { position: absolute; top: -4px; right: 10px; transform: rotate(-6deg); background: #fff7ed; color: #c2410c; font-size: 12px; font-weight: 700; padding: 5px 9px; border-radius: 6px; border: 1px solid #fed7aa; box-shadow: 0 4px 10px rgba(251,146,60,.18); }
/* 信息条中的“推荐回答”——品牌蓝盖章/勋章效果（文字） */
.qacontent-section .qa-infobar .qa-ansbadge {
  position: absolute;
  right: 8px;
  top: -9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 0; /* 使用切角形而非圆角 */
  color: #7a540e; /* 更稳的金色文字 */
  /* 金箔质感：叠加渐变与轻纹理 */
  background:
    repeating-linear-gradient(45deg, rgba(255,255,255,.08) 0 1px, rgba(255,255,255,0) 1px 4px),
    linear-gradient(160deg, #fff6dc 0%, #ffe9b2 18%, #ffd570 36%, #f2c155 52%, #ffd570 66%, #ffe9b2 84%, #fff6dc 100%);
  background-blend-mode: soft-light, normal;
  border: 1px solid #e8c778; /* 金色描边 */
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  transform: rotate(-7deg);
  /* 外投影 + 轻内凹压印感 */
  box-shadow: 0 2px 7px rgba(139, 92, 13, .10), inset 0 -2px 3px rgba(139, 92, 13, .10), inset 0 2px 3px rgba(255,255,255,.25);
  /* 特色：不对称切角轮廓（外层） */
  clip-path: polygon(6px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 9px 100%, 0 calc(100% - 9px), 0 6px);
  /* 文字浮雕：轻微高光与阴影 */
  text-shadow: 0 1px 0 rgba(255,255,255,.55), 0 -1px 0 rgba(120, 78, 0, .25);
}
.qacontent-section .qa-infobar .qa-ansbadge::before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(213,167,65,.85); /* 内圈实线，加深层次 */
  border-radius: 0;
  /* 特色：不对称切角轮廓（内层） */
  clip-path: polygon(4px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 4px), calc(100% - 4px) 100%, 7px 100%, 0 calc(100% - 7px), 0 4px);
  /* 内层高光与下沿暗影，塑造压印 */
  background: linear-gradient( to bottom, rgba(255,255,255,.36) 0%, rgba(255,255,255,0) 42%, rgba(123, 83, 0, .12) 100% );
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42), inset 0 -1px 0 rgba(123, 83, 0, .18);
  pointer-events: none;
}
/* 外层细边光泽：再加一层镶边高光 */
.qacontent-section .qa-infobar .qa-ansbadge::after {
  content: "";
  position: absolute;
  inset: 0;
  clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);
  pointer-events: none;
}
/* 旧：贴图角标已停用，清理相关样式（改为文字徽章） */
@media (max-width: 420px) {
  .qacontent-section .qa-content .qa-ansbadge { right: 0; transform: rotate(-5deg) scale(.94); }
}

/* 信息条布局：回答标签在左，推荐角标在右 */
.qacontent-section .qa-infobar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 4px 0 20px; border-top: 1px solid #f1f5f9; padding-top: 6px; position: relative; padding-right: 72px; }

/* 图片与说明 */
.qacontent-section .article-content figure { margin: 16px 0; text-align: center; }
.qacontent-section .article-content figure img { max-width: 100%; border-radius: 8px; border: 1px solid #eef2f6; }
.qacontent-section .article-content figure figcaption { font-size: 12px; color: #6b7280; margin-top: 6px; }

/* 表格（横向滚动容器） */
.qacontent-section .table-wrap { width: 100%; overflow-x: auto; border: 1px solid #eef2f6; border-radius: 8px; }
.qacontent-section table { width: 100%; border-collapse: collapse; min-width: 560px; }
.qacontent-section th, .qacontent-section td { border-bottom: 1px solid #eef2f6; padding: 10px 12px; text-align: left; }
.qacontent-section thead th { background: #f9fbff; color: #111827; font-weight: 700; }

/* 标签 */
.qacontent-section .article-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.qacontent-section .article-tags .tag { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; font-size: 12px; color: var(--brand-primary); background: #eef6ff; border: 1px solid #d6e7fb; border-radius: 999px; text-decoration: none; }
.qacontent-section .article-tags .tag:hover { background: #e6f0ff; }

/* 上/下一篇导航 */
.qacontent-section .article-nav { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 20px; }
@media (min-width: 640px) { .qacontent-section .article-nav { grid-template-columns: 1fr 1fr; } }
.qacontent-section .nav-link { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 14px; border-radius: 999px; border: 1px solid #e6eef7; background: #fff; color: #374151; text-decoration: none; font-size: 14px; line-height: 1; transition: color .2s ease, border-color .2s ease, background-color .2s ease; }
.qacontent-section .nav-link:hover { background: #f5faff; border-color: #b7d3f5; color: var(--brand-primary); }

/* 信息条布局：回答标签在左，推荐角标在右 */
.qacontent-section .qa-infobar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 4px 0 20px; border-top: 1px solid #f1f5f9; padding-top: 6px; position: relative; padding-right: 72px; }

/* 图片与说明 */
.qacontent-section .article-content figure { margin: 16px 0; text-align: center; }
.qacontent-section .article-content figure img { max-width: 100%; border-radius: 8px; border: 1px solid #eef2f6; }
.qacontent-section .article-content figure figcaption { font-size: 12px; color: #6b7280; margin-top: 6px; }

/* 表格（横向滚动容器） */
.qacontent-section .table-wrap { width: 100%; overflow-x: auto; border: 1px solid #eef2f6; border-radius: 8px; }
.qacontent-section table { width: 100%; border-collapse: collapse; min-width: 560px; }
.qacontent-section th, .qacontent-section td { border-bottom: 1px solid #eef2f6; padding: 10px 12px; text-align: left; }
.qacontent-section thead th { background: #f9fbff; color: #111827; font-weight: 700; }

/* 标签 */
.qacontent-section .article-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.qacontent-section .article-tags .tag { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; font-size: 12px; color: var(--brand-primary); background: #eef6ff; border: 1px solid #d6e7fb; border-radius: 999px; text-decoration: none; }
.qacontent-section .article-tags .tag:hover { background: #e6f0ff; }

/* 上/下一篇导航 */
.qacontent-section .article-nav { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 20px; }
@media (min-width: 640px) { .qacontent-section .article-nav { grid-template-columns: 1fr 1fr; } }
.qacontent-section .nav-link { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 14px; border-radius: 999px; border: 1px solid #e6eef7; background: #fff; color: #374151; text-decoration: none; font-size: 14px; line-height: 1; transition: color .2s ease, border-color .2s ease, background-color .2s ease; }
.qacontent-section .nav-link:hover { background: #f5faff; border-color: #b7d3f5; color: var(--brand-primary); }