/* 关于页:轻量静态排版。深色 scope 由 globals.css 统一处理。 */
.about-main { max-width:760px;margin:0 auto;padding:28px 24px 72px; }

.about-crumb { display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-muted);margin-bottom:22px; }
.about-crumb a { color:inherit;text-decoration:none; }
.about-crumb a:hover { color:var(--accent); }
.about-crumb .sep { color:var(--fg-faint); }
.about-crumb b { color:var(--fg);font-weight:600; }

.about-hero { margin-bottom:34px; }
.about-hero h1 { font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-0.01em;margin:0 0 14px;color:var(--fg); }
.about-lead { font-size:15.5px;line-height:1.75;color:var(--fg-dim);margin:0; }

.about-sec { margin-bottom:30px; }
.about-sec h2 { font-family:var(--font-display);font-size:19px;font-weight:600;margin:0 0 12px;color:var(--fg);letter-spacing:-0.005em; }
.about-sec p { font-size:14.5px;line-height:1.75;color:var(--fg-dim);margin:0 0 10px; }
.about-sec a { color:var(--accent);text-decoration:none; }
.about-sec a:hover { text-decoration:underline; }

.about-list { margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px; }
.about-list li { position:relative;padding-left:18px;font-size:14.5px;line-height:1.7;color:var(--fg-dim); }
.about-list li::before { content:'';position:absolute;left:2px;top:11px;width:5px;height:5px;border-radius:50%;background:var(--accent); }
.about-list li b { color:var(--fg);font-weight:600; }

.about-contact { display:flex;gap:28px;align-items:center;flex-wrap:wrap;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;padding:22px 24px; }
.about-contact-main { flex:1 1 240px;min-width:0; }
.about-contact-main p { margin:0 0 8px; }
.about-mail { display:inline-block;font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--accent);text-decoration:none; }
.about-mail:hover { text-decoration:underline; }
.about-contact-sub { font-size:13px;color:var(--fg-faint);margin-top:10px; }
.about-qr { margin:0;text-align:center; }
.about-qr img { display:block;width:128px;height:128px;border-radius:10px;background:#fff;padding:7px; }
.about-qr figcaption { font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);margin-top:8px;letter-spacing:0.04em; }

@media (max-width:560px) {
  .about-hero h1 { font-size:25px; }
  .about-contact { flex-direction:column;align-items:flex-start; }
  .about-qr { align-self:center; }
}