/* ============================================================
   在线报名 baoming.css
   骨架：C 右轨（thread-r）+ hero-banner
   母题：印章 —— 卡片角落盖一枚金色方印，表"报名落定"
   ============================================================ */

/* ---------- hero-banner ---------- */
.bm-hero .hero-inner { padding-top: 130px; }
.bm-hero .crumb a { color: var(--ink-mute); }
.bm-hero .crumb a:hover { color: var(--gold-deep); }
.bm-hero-link { color: var(--gold-deep); text-decoration: underline; }

/* ---------- 报名须知四卡：右轨 + 印章角 ---------- */
.bm-notes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.bm-notes .card-soft { position: relative; }
/* 右上角一枚小方印 */
.bm-notes .card-soft::after {
  content: "报"; position: absolute; top: 16px; right: 16px;
  width: 34px; height: 34px; display: flex; align-items: center; justify-content: center;
  font-family: var(--font-serif); font-size: 16px; color: var(--gold-deep);
  border: 2px solid var(--gold); border-radius: 8px; transform: rotate(6deg);
  background: var(--gold-pale); opacity: .85;
}
.bm-notes h3 { font-size: 17px; color: var(--ink); margin-bottom: 10px; padding-right: 30px; }
.bm-notes p { font-size: 14px; color: var(--ink-soft); }
@media (max-width: 980px) { .bm-notes { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .bm-notes { grid-template-columns: 1fr; } }

/* ---------- 表格包裹 ---------- */
.tbl-wrap { overflow-x: auto; border-radius: var(--radius); }
.bm-warn { font-size: 13.5px; color: var(--ink-mute); }

/* ---------- 资料审核与退回原因 ---------- */
.bm-reject {
  background: var(--grad-cream); border: 1px dashed var(--gold);
  border-radius: var(--radius); padding: 26px 30px;
}
.bm-reject h3 { font-size: 18px; color: var(--gold-deep); }
.bm-reject .check-list li { margin-bottom: 8px; }
.bm-reject-note { font-size: 13px; color: var(--ink-mute); }

/* ---------- 报名流程编号 ---------- */
.bm-num { max-width: 780px; }

/* ---------- 报名须知配图 ---------- */
.bm-fig { max-width: 960px; margin-inline: auto; }
.bm-fig img { border-radius: var(--radius-lg); width: 100%; height: auto; box-shadow: var(--shadow-soft); }
.bm-fig figcaption { margin-top: 12px; font-size: 13.5px; color: var(--ink-mute); text-align: center; }

/* ---------- 表单收窄 ---------- */
.bm-form-wrap { max-width: 860px; }

/* ---------- FAQ ---------- */
.bm-faq .acc { max-width: 840px; margin-inline: auto; }
.bm-faq .acc-body-inner a { color: var(--gold-deep); text-decoration: underline; }

/* ---------- 通用间距 ---------- */
.mt { margin-top: 20px; }
.mt-lg { margin-top: 34px; }
.mt-xl { margin-top: 52px; }