/* 十景复用公共章节阅读器与白色照片卡片，仅保留题诗和时间线布局。 */
.city-profile--ten-scenes .photo-card-pair { margin-bottom: var(--spacing-lg); }
.city-profile--ten-scenes .ten-scenes__intro { margin: 0 0 var(--spacing-xl); line-height: 1.9; color: var(--color-text); }
.city-profile--ten-scenes .ten-scenes__number { color: var(--color-text-secondary); font-size: var(--fs-small); margin-bottom: var(--spacing-sm); }
.city-profile--ten-scenes .ten-scenes__single { grid-template-columns: minmax(0, 1fr); }
.city-profile--ten-scenes .ten-scenes__single .photo-card__trigger { aspect-ratio: 3 / 2; }
.city-profile--ten-scenes .ten-scenes__minor-title { margin-block: var(--spacing-lg) var(--spacing-md); font-size: var(--fs-h3-mobile); }
.city-profile--ten-scenes .ten-scenes__timeline { border-left: 2px solid var(--color-border); padding-left: var(--spacing-lg); }
.city-profile--ten-scenes .ten-scenes__timeline > div { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: var(--spacing-md); padding-block: var(--spacing-sm); line-height: 1.8; }
.city-profile--ten-scenes .ten-scenes__timeline dt { color: var(--color-surface-deep); font-weight: 600; }
.city-profile--ten-scenes .ten-scenes__timeline dd { margin: 0; }
@media (max-width: 767px) {
  .city-profile--ten-scenes .ten-scenes__timeline > div { grid-template-columns: minmax(0, 1fr); gap: var(--spacing-xs); }
  .city-profile--ten-scenes .ten-scenes__single .photo-card__trigger { aspect-ratio: 4 / 3; }
}


/* 题诗使用独立的深色诗笺，与后续白底照片和正文阅读区拉开层级。 */
.city-profile--ten-scenes .ten-scenes__poem {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(176px, auto) minmax(360px, auto);
  align-items: stretch;
  width: min(100%, 760px);
  max-width: 100%;
  margin: var(--spacing-xl) auto;
  overflow: hidden;
  border: 1px solid rgba(196, 168, 124, .7);
  border-radius: var(--border-radius-lg);
  background: linear-gradient(135deg, var(--color-surface-deep), #245468);
  box-shadow: var(--shadow-md);
}
.city-profile--ten-scenes .ten-scenes__poem::after {
  position: absolute;
  right: var(--spacing-md);
  bottom: -40px;
  z-index: -1;
  color: rgba(255, 255, 255, .05);
  content: "诗";
  font: 700 136px/1 var(--font-heading);
  pointer-events: none;
}
.city-profile--ten-scenes .ten-scenes__poem-heading {
  display: flex;
  flex: none;
  flex-direction: column;
  justify-content: center;
  padding: var(--spacing-xl);
  border-right: 1px solid rgba(196, 168, 124, .45);
  background: rgba(0, 0, 0, .12);
  text-align: center;
}
.city-profile--ten-scenes .ten-scenes__poem-heading::before {
  margin-bottom: var(--spacing-md);
  color: var(--color-accent-light);
  content: "童爱楼题诗";
  font-size: var(--fs-xs);
  font-weight: 600;
  letter-spacing: .24em;
}
.city-profile--ten-scenes .ten-scenes__poem-heading h4 {
  margin: 0 0 var(--spacing-sm);
  color: #fff;
  font-family: var(--font-heading);
  font-size: var(--fs-h3);
  letter-spacing: .08em;
}
.city-profile--ten-scenes .ten-scenes__poem-author,
.city-profile--ten-scenes .ten-scenes__poem-note { color: rgba(255, 255, 255, .68); font-size: var(--fs-small); line-height: 1.8; }
.city-profile--ten-scenes .ten-scenes__poem-body {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: var(--spacing-xl) calc(var(--spacing-xl) + var(--spacing-sm));
}
.city-profile--ten-scenes .ten-scenes__poem blockquote {
  margin: 0;
  color: #fff;
  font-family: var(--font-heading);
  font-size: var(--fs-h3-mobile);
  letter-spacing: .08em;
  line-height: 2.35;
}
.city-profile--ten-scenes .ten-scenes__poem p { margin: 0; }
.city-profile--ten-scenes .ten-scenes__poem-couplet { display: grid; grid-template-columns: repeat(2, max-content); column-gap: 1.4em; }
.city-profile--ten-scenes .ten-scenes__poem-couplet > span { display: block; }
.city-profile--ten-scenes .ten-scenes__poem .ten-scenes__poem-note { margin-top: var(--spacing-sm); }
.city-profile--ten-scenes .ten-scenes-legacy__intro {
  max-width: 860px;
  margin: 0 0 var(--spacing-xl);
  color: rgba(255, 255, 255, .74);
  line-height: 1.9;
}
.city-profile--ten-scenes .ten-scenes-legacy__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-lg);
}
.city-profile--ten-scenes .ten-scenes-legacy__card {
  min-width: 0;
  padding: var(--spacing-xl);
}
.city-profile--ten-scenes .ten-scenes-legacy__count {
  margin: 0 0 var(--spacing-sm);
  color: var(--color-accent-light);
  font-size: var(--fs-small);
  letter-spacing: .08em;
}
.city-profile--ten-scenes .ten-scenes-legacy__card h3 {
  margin: 0 0 var(--spacing-md);
  color: #fff;
  font-size: var(--fs-h3);
}
.city-profile--ten-scenes .ten-scenes-legacy__card p:last-child {
  margin: 0;
  line-height: 1.85;
}
.city-profile--ten-scenes .ten-scenes-legacy__summary {
  max-width: 960px;
  margin: var(--spacing-xl) 0 0;
  padding-top: var(--spacing-lg);
  border-top: 1px solid rgba(196, 168, 124, .35);
  color: rgba(255, 255, 255, .82);
  line-height: 1.9;
}
@media (max-width: 1000px) {
  .city-profile--ten-scenes .ten-scenes-legacy__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  .city-profile--ten-scenes .ten-scenes__poem { grid-template-columns: minmax(0, 1fr); width: 100%; text-align: center; }
  .city-profile--ten-scenes .ten-scenes__poem::after { right: var(--spacing-sm); bottom: -24px; font-size: 96px; }
  .city-profile--ten-scenes .ten-scenes__poem-heading { padding: var(--spacing-lg); border-right: 0; border-bottom: 1px solid rgba(196, 168, 124, .45); }
  .city-profile--ten-scenes .ten-scenes__poem-heading::before { margin-bottom: var(--spacing-sm); }
  .city-profile--ten-scenes .ten-scenes__poem-body { padding: var(--spacing-lg) var(--spacing-md); }
  .city-profile--ten-scenes .ten-scenes__poem blockquote { font-size: 18px; letter-spacing: .06em; line-height: 2.1; }
  .city-profile--ten-scenes .ten-scenes__poem-couplet { grid-template-columns: minmax(0, 1fr); column-gap: 0; }
  .city-profile--ten-scenes .ten-scenes-legacy__card { padding: var(--spacing-lg); }
}
