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

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

/* ===== 手绘叙事风（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: 48px 36px 0; }
  .sk-skyline-grid { gap: 24px; grid-template-columns: repeat(3, 1fr); }
  .sk-alternating-row { gap: 24px; }
  .sk-row-scroll { gap: 20px; }
  .sk-section-header { margin-bottom: 32px; padding-top: 48px; }
  /* 首屏保持默认：图左文右 */
  /* 板块标题保持左对齐 */
}

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

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

@media (min-width: 1024px) {
  .hg-grid { gap: 24px; grid-template-columns: repeat(3, 1fr); }
  /* 首屏保持默认：图左文右 */
  /* 板块标题保持左对齐 */
}