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

:root {
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --radius-xl: 44px;
  --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: 16/9; }

/* 桌面端（≥1024px）布局 */
@media (min-width: 1024px) {
  .sk-hero { padding: 38px 36px 0; }
  .sk-skyline-grid { gap: 19px; grid-template-columns: repeat(4, 1fr); }
  .sk-alternating-row { gap: 19px; }
  .sk-row-scroll { gap: 16px; }
  .sk-section-header { margin-bottom: 26px; padding-top: 38px; }
  /* 首屏保持默认：图左文右 */
  /* 板块标题保持左对齐 */
}

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

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

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