/* ============================================================
   JINER Blog — /about 关于
   ============================================================ */
.about-wrap {
  max-width: 720px;
  margin: 0 auto;
  padding: calc(var(--nav-height, 60px) + 3.5rem) 1.5rem 4rem;
}
.about-hero {
  text-align: center;
  padding: 2rem 0 3rem;
}
.about-hero h1 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  margin-bottom: 0.5rem;
}
.about-hero p {
  color: var(--color-text-muted);
  font-size: 0.95rem;
}
.about-section { margin-bottom: 2.5rem; }
.about-section h2 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--color-accent);
}
.about-section p,
.about-section li {
  color: var(--color-text-secondary);
  line-height: 1.8;
  font-size: 0.95rem;
}
.about-section ul {
  margin: 0;
  padding-left: 1.5rem;
}
.about-section li { margin-bottom: .35rem; }
.about-section a { color: var(--color-accent); text-decoration: none; }
.about-section a:hover { text-decoration: underline; }