.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin:36px 0 40px; text-align:center; }
.stats strong { display:block; color:var(--brand); font-size:42px; line-height:1.1; }
.stats span { color:var(--text-3); font-size:13px; }
.about-photos { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.about-photos img { width:100%; height:180px; object-fit:cover; border-radius:10px; }
.mvv { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:40px; }
.mvv-card { background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.35); border-radius:16px; padding:36px 24px; text-align:center; color:#fff; }
.mvv-card img { width:56px; height:56px; margin:0 auto 16px; }
.mvv-wrap { background:linear-gradient(90deg,#7ec8f5,#3aa4e0); padding:70px 0; }
.banner-mid { background:linear-gradient(90deg,#1e90d0,#49b7e8); color:#fff; text-align:center; padding:42px 16px; }
.banner-mid h2 { font-size:28px; }
.banner-mid p { margin-top:8px; letter-spacing:2px; opacity:.9; }
.history-list { display:flex; gap:18px; overflow:auto; padding:30px 0 10px; }
.history-item { flex:0 0 200px; height:200px; border:2px solid #d5eef8; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:16px; }
.history-item strong { color:var(--brand); font-size:22px; }
.story-box { display:grid; grid-template-columns:420px 1fr; gap:0; background:#e9f6fd; border-radius:8px; overflow:hidden; margin-top:28px; }
.story-box img { width:100%; height:100%; object-fit:cover; min-height:360px; }
.story-copy { padding:40px 36px; }
.story-copy h3 { font-size:28px; color:var(--brand); margin:8px 0 18px; }
.chapter-nav { display:flex; gap:16px; margin-top:28px; }
.chapter-nav button { min-width:88px; height:36px; border:1px solid var(--brand); border-radius:var(--radius-pill); color:var(--brand); }
.chapter-nav button.is-active { background:var(--brand); color:#fff; }
.honor-tabs { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0; }
.honor-tabs button { height:40px; padding:0 22px; border-radius:var(--radius-pill); background:#eef7fc; color:var(--brand); }
.honor-tabs button.is-active { background:var(--brand); color:#fff; }
.honor-empty { text-align:center; color:var(--text-3); padding:40px 0 10px; }
.honor-empty[hidden], [data-slide][hidden] { display:none; }
@media (max-width:900px) {
  .stats,.about-photos,.mvv,.story-box { grid-template-columns:1fr; }
}