/*
 * 作文升级（任务7）：批阅报告双页版式（teacher-two-page-v1）。
 * 本文件与 public/essay/report.js 的 REPORT_PAGE_CSS 常量逐字一致（tests/essay-v2-report.test.js 强制同步）。
 * 版式依据用户确认的母版：第1页诊断 / 第2页训练；正文 10.5pt，深蓝标题，1px 细线框，A4 双页。
 */

@page { size: A4 portrait; margin: 0; }

.erpt-print-body {
  margin: 0;
  background: #e8ebf1;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* ---------- 页面容器（A4 固定高：溢出可被 validateReportLayout 测出，不做隐藏） ---------- */

.erpt-page {
  position: relative;
  box-sizing: border-box;
  width: 210mm;
  height: 297mm;
  margin: 12px auto;
  padding: 11mm;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  color: #24303f;
  font-family: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;
  font-size: 10.5pt;
  line-height: 1.5;
  box-shadow: 0 2px 12px rgba(31, 58, 95, 0.18);
}

/* ---------- 页眉 ---------- */

.erpt-meta { font-size: 8pt; color: #8b95a5; letter-spacing: 0.5px; }
.erpt-title { margin: 3px 0 2px; font-size: 16.5pt; font-weight: 700; color: #1f3a5f; }
.erpt-subline { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: 8.5pt; color: #5b6675; }
.erpt-subline-task { font-weight: 600; color: #33415a; }
.erpt-rule { margin: 4px 0 7px; border-bottom: 2.5px solid #1f3a5f; }
.erpt-score-chip { color: #1f3a5f; font-weight: 600; }

/* ---------- 五维概览横排 5 格 ---------- */

.erpt-overview { display: flex; border: 1px solid #b8c4d4; }
.erpt-overview-cell { flex: 1 1 0; min-width: 0; padding: 4px 5px 5px; text-align: center; }
.erpt-overview-cell + .erpt-overview-cell { border-left: 1px solid #b8c4d4; }
.erpt-overview-label { font-size: 8.5pt; color: #1f3a5f; }
.erpt-overview-note { margin-top: 1px; font-size: 9pt; font-weight: 700; color: #333f52; }

/* ---------- 小节 ---------- */

.erpt-h2 { margin: 7px 0 2px; font-size: 10.8pt; font-weight: 700; color: #1f3a5f; }
.erpt-p { margin: 0 0 3px; text-align: justify; }

/* ---------- 双栏细线框（亮点/问题、训练A/B） ---------- */

.erpt-cols { display: flex; border: 1px solid #b8c4d4; margin: 3px 0 2px; }
.erpt-col { flex: 1 1 0; min-width: 0; padding: 5px 10px 7px; }
.erpt-col-divider { border-left: 1px solid #b8c4d4; }
.erpt-col-title { margin: 0 0 3px; font-size: 9.5pt; font-weight: 700; color: #1f3a5f; }
.erpt-list { margin: 0; padding-left: 15px; }
.erpt-list li { margin: 1px 0; text-align: justify; }

/* ---------- 强调框（核心目标 / 寄语）：左侧 3px 深蓝边 ---------- */

.erpt-goal,
.erpt-closing { margin: 3px 0 2px; padding: 7px 10px; border-left: 3px solid #1f3a5f; background: #f3f6fb; }

/* ---------- 旁批列表（第一版：页面底部列表框） ---------- */

.erpt-annotations { border: 1px solid #b8c4d4; padding: 4px 10px 6px; margin: 3px 0 2px; }
.erpt-annotation { font-size: 9.5pt; color: #44506a; }
.erpt-annotation + .erpt-annotation { margin-top: 3px; }
.erpt-annotation-quote { font-weight: 600; color: #1f3a5f; }
.erpt-annotation-arrow { margin: 0 4px; color: #8b95a5; }

/* ---------- 修改路线图（三刀） ---------- */

.erpt-steps { border: 1px solid #b8c4d4; margin: 3px 0 2px; }
.erpt-step { display: flex; align-items: flex-start; padding: 4px 10px; }
.erpt-step + .erpt-step { border-top: 1px solid #b8c4d4; }
.erpt-step-label { flex: 0 0 34mm; font-size: 10pt; font-weight: 700; color: #b4551e; }
.erpt-step-text { flex: 1 1 0; min-width: 0; text-align: justify; }

/* ---------- 局部润色示范 ---------- */

.erpt-example { border: 1px solid #b8c4d4; padding: 5px 10px 6px; margin: 3px 0 2px; }
.erpt-example-purpose { margin: 0 0 3px; font-size: 9pt; color: #55607a; }
.erpt-example-purpose strong { color: #1f3a5f; }
.erpt-example .erpt-p { margin: 0; text-align: justify; }

/* ---------- 二次写作任务（虚线框） ---------- */

.erpt-tasks { border: 1.2px dashed #cfa453; padding: 6px 10px 7px; margin: 3px 0 2px; }
.erpt-task { margin: 0; text-align: justify; }
.erpt-task + .erpt-task { margin-top: 2px; }

/* ---------- 草稿水印（对角浅灰，不拦截交互） ---------- */

.erpt-watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-28deg);
  font-size: 42pt;
  font-weight: 700;
  letter-spacing: 10px;
  white-space: nowrap;
  color: rgba(120, 132, 150, 0.15);
  border: 3px solid rgba(120, 132, 150, 0.12);
  padding: 8px 30px;
  pointer-events: none;
  z-index: 5;
}

/* ---------- 页脚 ---------- */

.erpt-foot { margin-top: auto; display: flex; justify-content: space-between; gap: 10px; padding-top: 6px; font-size: 8pt; color: #97a1b0; }

/* ---------- 打印 ---------- */

@media print {
  .erpt-print-body { background: #ffffff; }
  .erpt-page { margin: 0; box-shadow: none; }
  .erpt-page, .erpt-page * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* ---------- 窄屏预览（<480px：仅单篇预览，整班打印走电脑） ---------- */

@media (max-width: 480px) {
  .erpt-page { width: 100%; height: auto; margin: 0 0 10px; padding: 14px; }
}