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

:root {
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --section-gap: 80px;
}

/* ===== 手绘叙事风（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: 16/9; }

/* 桌面端（≥1024px）布局 */
@media (min-width: 1024px) {
  .sk-hero { padding: 60px 36px 0; }
  .sk-skyline-grid { gap: 30px; grid-template-columns: repeat(3, 1fr); }
  .sk-alternating-row { gap: 30px; }
  .sk-row-scroll { gap: 25px; }
  .sk-section-header { margin-bottom: 40px; padding-top: 60px; }
  .sk-hero-card-img { order: 2; }
  /* 板块标题保持左对齐 */
}

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

.hg-card-img { aspect-ratio: 16/9; }

@media (min-width: 1024px) {
  .hg-grid { gap: 30px; grid-template-columns: repeat(4, 1fr); }
  .hg-hero-card-img { order: 2; }
  /* 板块标题保持左对齐 */
}