/* ============================================================
   layout-variant.css — 随机布局覆写层（由 randomize_layout.py 生成）
   参数: radius=soft  density=0.8  grid=5/4
         ratio=4/3  hero=reverse  header=center  seed=random
   恢复原布局: python randomize_layout.py --restore
   ============================================================ */

:root {
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --section-gap: 51px;
}

/* ===== 手绘叙事风（index / detail，sk-）===== */

/* 卡片配图比例 */
.sk-building--tall .sk-building-img,
.sk-building--medium .sk-building-img,
.sk-building--short .sk-building-img,
.sk-alt-building-img,
.sk-compact-building-img { aspect-ratio: 4/3; }

/* 桌面端（≥1024px）布局 */
@media (min-width: 1024px) {
  .sk-hero { padding: 38px 36px 0; }
  .sk-skyline-grid { gap: 19px; grid-template-columns: repeat(5, 1fr); }
  .sk-alternating-row { gap: 19px; }
  .sk-row-scroll { gap: 16px; }
  .sk-section-header { margin-bottom: 26px; padding-top: 38px; }
  .sk-hero-card-img { order: 2; }
  .sk-section-header { justify-content: center; text-align: center; }
}

/* ===== 地平线网格（about / contact / privacy，hg-）===== */

.hg-card-img { aspect-ratio: 4/3; }

@media (min-width: 1024px) {
  .hg-grid { gap: 19px; grid-template-columns: repeat(4, 1fr); }
  .hg-hero-card-img { order: 2; }
  .hg-section-header { justify-content: center; text-align: center; }
}