/* ============================================================
   关于本作 · ABOUT
   ============================================================ */
.about-wrap { max-width: 880px; margin: 0 auto; }

.about-lead {
  /* 中文段落优先 Noto Serif SC，避免 Cormorant 拉丁数字比汉字显小 */
  font-family: 'Noto Serif SC', 'Cormorant Garamond', 'Songti SC', 'STSong', 'SimSun', serif;
  font-size: 1.18rem;
  line-height: 1.9;
  color: var(--fog-60);
  margin: 10px 0 6px;
}
.about-lead .gold { color: var(--brass); }

.about-block { margin: 56px 0; }
.about-block > h3 {
  font-family: var(--f-display);
  font-size: 1.05rem;
  letter-spacing: .08em;
  color: var(--brass);
  text-transform: uppercase;
  margin-bottom: 18px;
  display: flex; align-items: center; gap: 12px;
}
.about-block > h3::before {
  content: ""; width: 26px; height: 1px; background: var(--brass); display: inline-block;
}
.about-block p {
  font-size: .96rem; line-height: 1.95; color: var(--fog-60); margin-bottom: 14px;
}
.about-block p .gold { color: var(--brass-100); }

/* 导览 */
.tour {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;
}
@media (max-width: 620px) { .tour { grid-template-columns: 1fr; } }
.tour a {
  display: flex; gap: 14px; align-items: center;
  padding: 16px 18px;
  border: 1px solid var(--fog-08);
  border-radius: var(--radius);
  background: linear-gradient(155deg, var(--ink-700), var(--ink-850));
  color: var(--fog-100);
  text-decoration: none;
  transition: border-color .35s var(--ease), transform .35s var(--ease);
}
.tour a:hover { border-color: var(--brass); transform: translateY(-3px); }
.tour .t-no { font-family: var(--f-display); color: var(--brass); font-size: 1.1rem; flex: none; }
.tour .t-name { font-family: var(--f-display); font-size: 1.02rem; }
.tour .t-desc { font-size: .78rem; color: var(--fog-38); margin-top: 3px; }

/* 设计要点 */
.spec-list { display: flex; flex-direction: column; gap: 12px; }
.spec {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 14px 18px;
  border: 1px solid var(--fog-08);
  border-radius: var(--radius);
  background: rgba(255,255,255,0.012);
}
.spec .s-ic {
  width: 34px; height: 34px; flex: none;
  border-radius: 50%;
  border: 1px solid var(--fog-18);
  display: grid; place-items: center;
  color: var(--brass);
}
.spec .s-ic svg { width: 18px; height: 18px; }
.spec .s-t { color: var(--paper-100); font-size: .92rem; font-weight: 500; margin-bottom: 3px; }
.spec .s-d { color: var(--fog-38); font-size: .82rem; line-height: 1.55; }

/* 致谢 */
.credit-row {
  display: flex; flex-wrap: wrap; gap: 10px 26px;
  padding: 18px 20px;
  border: 1px dashed var(--fog-18);
  border-radius: var(--radius);
  font-size: .86rem; color: var(--fog-60);
}
.credit-row b { color: var(--brass); font-weight: 500; }
.credit-row span { color: var(--fog-38); }

.about-cta { margin-top: 50px; display: flex; gap: 14px; flex-wrap: wrap; }
