/* ============================================================
   私家智囊 · 研究报告样式
   配合 dialogue.css 使用（浅色底 + 金色强调）
   用途：研究类长文（表格多、图示多、结构性内容）
   ============================================================ */

/* ---------- 报告头部 ---------- */
.report-head {
  border-bottom: 2px solid var(--accent-color);
  padding-bottom: 24px;
  margin-bottom: 32px;
  position: relative;
}

.report-badge {
  display: inline-block;
  background: rgba(212, 175, 55, .12);
  border: 1px solid var(--accent-color);
  color: #9a7c1f;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: .78rem;
  font-weight: 500;
  letter-spacing: .04em;
  margin-bottom: 14px;
}

h1.report-title {
  font-size: 1.75rem;
  line-height: 1.4;
  color: var(--primary-color);
  margin: 0 0 10px;
  letter-spacing: .01em;
}

p.report-subtitle {
  font-size: 1.05rem;
  color: #5a6472;
  margin: 0 0 16px;
  font-weight: 400;
}

.report-meta {
  font-size: .84rem;
  color: var(--text-muted);
  line-height: 1.9;
}

.report-meta strong { color: #6b7480; }

/* ---------- 标题层级 ---------- */
.report-body h2 {
  font-size: 1.3rem;
  color: var(--primary-color);
  margin: 44px 0 16px;
  padding-left: 12px;
  border-left: 4px solid var(--accent-color);
  line-height: 1.5;
}

.report-body h3 {
  font-size: 1.06rem;
  color: #45505f;
  margin: 30px 0 12px;
  line-height: 1.55;
}

.report-body h2:first-child,
.report-body h3:first-child { margin-top: 0; }

/* ---------- 正文 ---------- */
.report-body p {
  margin: 12px 0;
  text-align: justify;
}

.report-body strong { color: #2e4057; font-weight: 600; }

.report-body ul,
.report-body ol { margin: 12px 0; padding-left: 24px; }

.report-body li { margin: 7px 0; }

.report-body hr {
  border: none;
  border-top: 1px solid var(--border-color);
  margin: 36px 0;
}

/* ---------- 表格（浅色底 + 横向滚动） ---------- */
.table-wrap {
  overflow-x: auto;
  margin: 20px 0;
  -webkit-overflow-scrolling: touch;
}

.report-body table {
  border-collapse: collapse;
  width: 100%;
  min-width: 520px;
  font-size: .87rem;
  background: #fff;
}

.report-body thead th {
  background: #f5f6f8;
  color: var(--primary-color);
  font-weight: 600;
  text-align: left;
  padding: 10px 12px;
  border: 1px solid var(--border-color);
  white-space: nowrap;
}

.report-body tbody td {
  padding: 9px 12px;
  border: 1px solid var(--border-color);
  color: var(--text-main);
  vertical-align: top;
}

.report-body tbody tr:nth-child(even) { background: #fbfbfc; }

/* ---------- 代码块 / 结构图示 ---------- */
.report-body pre {
  background: #f7f8fa;
  border: 1px solid var(--border-color);
  border-left: 3px solid var(--accent-color);
  border-radius: 4px;
  padding: 16px 18px;
  margin: 20px 0;
  overflow-x: auto;
  font-size: .74rem;
  line-height: 1.55;
  color: #3a3f47;
}

.report-body pre code {
  font-family: "SF Mono", Consolas, "Courier New", monospace;
  white-space: pre;
  background: none;
  padding: 0;
  color: inherit;
}

.report-body code {
  background: #f2f3f5;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: .88em;
  font-family: "SF Mono", Consolas, monospace;
  color: #7a5c12;
}

/* ---------- 引用块 ---------- */
.report-body blockquote {
  border-left: 3px solid var(--accent-color);
  background: #fdfbf5;
  margin: 20px 0;
  padding: 14px 20px;
  color: #4b5563;
}

.report-body blockquote p { margin: 7px 0; }

/* ---------- 目录卡片 ---------- */
.report-toc {
  background: #f7f8fa;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 22px 26px;
  margin: 28px 0 36px;
}

.report-toc h2 {
  font-size: 1rem;
  margin: 0 0 14px;
  padding: 0;
  border: none;
  color: var(--primary-color);
  letter-spacing: .06em;
}

.report-toc ol {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: toc;
}

.report-toc li {
  margin: 0;
  border-bottom: 1px dashed var(--border-color);
}

.report-toc li:last-child { border-bottom: none; }

.report-toc a {
  display: block;
  padding: 9px 0;
  color: #46505d;
  text-decoration: none;
  font-size: .92rem;
  transition: color .2s, padding-left .2s;
}

.report-toc a:hover {
  color: var(--accent-color);
  padding-left: 6px;
}

.report-toc .toc-sub a {
  padding-left: 22px;
  font-size: .85rem;
  color: var(--text-muted);
}

/* ---------- 免责声明 / 相关阅读 ---------- */
.report-note {
  background: #f7f8fa;
  border-left: 3px solid #c9ced6;
  padding: 16px 20px;
  margin: 24px 0;
  font-size: .87rem;
  color: #6b7480;
  line-height: 1.8;
}

.related-block {
  border-top: 1px solid var(--border-color);
  margin-top: 44px;
  padding-top: 26px;
}

.related-block h3 {
  font-size: 1rem;
  color: var(--primary-color);
  margin: 0 0 14px;
}

.related-block a {
  display: block;
  padding: 10px 0;
  color: #46505d;
  text-decoration: none;
  font-size: .9rem;
  border-bottom: 1px dashed var(--border-color);
  transition: color .2s;
}

.related-block a:hover { color: var(--accent-color); }

.related-block a span { color: var(--text-muted); font-size: .82rem; }

/* ---------- 移动端 ---------- */
@media (max-width: 640px) {
  h1.report-title { font-size: 1.4rem; }
  .report-body h2 { font-size: 1.12rem; }
  .report-body h3 { font-size: 1rem; }
  .report-body pre { font-size: .66rem; padding: 12px; }
  .report-body table { font-size: .8rem; }
  .report-toc { padding: 18px; }
}