/* =========================================================
   About 页专属样式 — assets/css/page-about.css
   （通用部分在 donnor-base.css，此处只放 About 独有的区块）
   ========================================================= */

/* ---------- Hero ---------- */
.dnr-hero { position: relative; background-size: cover; background-position: center; padding: 120px 0; color: #fff; }
.dnr-hero::before { content: ""; position: absolute; inset: 0; background: rgba(26, 26, 26, .62); }
.dnr-hero__in { position: relative; max-width: 860px; }
.dnr-kicker { letter-spacing: .22em; font-size: 13px; color: var(--gold); font-weight: 600; margin: 0 0 14px; }
.dnr-hero__title { font-size: 44px; line-height: 1.15; margin: 0 0 16px; font-weight: 700; color: #fff; }
.dnr-hero__sub { font-size: 18px; color: rgba(255, 255, 255, .85); margin: 0 0 28px; line-height: 1.6; }

/* ---------- Stats 数字统计 ---------- */
.dnr-stats { display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px; margin-top: 56px; padding: 36px 24px; border: 1px solid var(--line); border-radius: 6px; background: var(--bg); }
.dnr-stat { text-align: center; }
.dnr-stat__num { display: block; font-size: 30px; font-weight: 700; color: var(--gold-t); line-height: 1.2; }
.dnr-stat__label { display: block; margin-top: 6px; font-size: 12.5px; color: var(--gray); letter-spacing: .04em; }

/* ---------- 要点列表 ---------- */
.dnr-points { list-style: none; margin: 22px 0 0; padding: 0; }
.dnr-points li { padding: 12px 0 12px 26px; position: relative; border-bottom: 1px solid var(--line); }
.dnr-points li:last-child { border-bottom: 0; }
.dnr-points li::before { content: ""; position: absolute; left: 0; top: 20px; width: 10px; height: 10px; background: var(--gold); border-radius: 2px; }
.dnr-points strong { display: block; font-size: 15.5px; margin-bottom: 2px; color: var(--ink); }
.dnr-points span { color: var(--gray); font-size: 14.5px; line-height: 1.6; }

/* ---------- 流程六步 ---------- */
.dnr-steps { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.dnr-step { background: var(--bg-soft); border-radius: 6px; padding: 22px 16px; text-align: center; }
.dnr-step__no { display: block; font-size: 22px; font-weight: 700; color: var(--gold); margin-bottom: 8px; }
.dnr-step h3 { font-size: 14.5px; margin: 0 0 6px; font-weight: 600; color: var(--ink); }
.dnr-step p { font-size: 12.5px; color: var(--gray); margin: 0; line-height: 1.55; }

/* ---------- 证书 ---------- */
.dnr-certs { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.dnr-certs img { width: 100%; height: auto; border: 1px solid var(--line); border-radius: 4px; background: #fff; display: block; }

/* ---------- 图库 ---------- */
.dnr-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.dnr-gallery figure { margin: 0; position: relative; overflow: hidden; border-radius: 6px; }
.dnr-gallery img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; transition: transform .5s; }
.dnr-gallery figure:hover img { transform: scale(1.05); }
.dnr-gallery figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 14px 10px; font-size: 12.5px; color: #fff; background: linear-gradient(transparent, rgba(26, 26, 26, .78)); }

/* ---------- About 专属响应式 ---------- */
@media (max-width: 1024px) {
	.dnr-stats { grid-template-columns: repeat(3, 1fr); }
	.dnr-steps { grid-template-columns: repeat(3, 1fr); }
	.dnr-gallery { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
	.dnr-hero { padding: 88px 0; }
	.dnr-hero__title { font-size: 30px; }
	.dnr-hero__sub { font-size: 16px; }
	.dnr-stats { grid-template-columns: repeat(2, 1fr); }
	.dnr-steps { grid-template-columns: 1fr 1fr; }
	.dnr-gallery { grid-template-columns: 1fr 1fr; }
}