/* about 页专属 */
.page-hero { position: relative; padding: 128px 0 var(--s8); text-align: center; }
.page-hero h1 { font-size: 2.5rem; color: var(--white); margin-bottom: var(--s1); }
.page-hero p  { color: rgba(255,255,255,.6); font-size: 1.1rem; }

.story-content p { font-size: 1.05rem; color: var(--ink-2); line-height: 2; margin-bottom: var(--s3); }

.vision-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s4); margin-top: var(--s6); }
.vision-card { background: rgba(255,255,255,.06); border-radius: var(--r-lg); padding: var(--s5); text-align: center; }
.vision-card h3 { color: var(--magenta); font-size: 1.2rem; margin-bottom: var(--s2); }
.vision-card p { color: rgba(255,255,255,.7); font-size: .95rem; line-height: 1.8; }

.vision-quote { text-align: center; margin-top: var(--s8); padding: var(--s6); border-top: 1px solid rgba(255,255,255,.1); }
.vision-quote p { font-size: 1.3rem; color: rgba(255,255,255,.9); font-style: italic; margin-bottom: var(--s2); }
.vision-quote span { color: rgba(255,255,255,.5); }

@media (max-width: 767px) {
  .page-hero h1 { font-size: 1.8rem; }
  .vision-grid { grid-template-columns: 1fr; }
}