:root {
  /* === 核心比例配置 (根据你的新图 300x514) === */
  /* 宽高比 = 514 / 300 ≈ 1.7133 */
  --card-aspect-ratio: 1.7133;

  /* === 基础尺寸定义 === */
  /* 移动端基础宽度 (单位 px) */
  --base-w-mobile: 90px;
  /* 桌面端基础宽度 */
  --base-w-desktop: 140px;

  /* === 动态计算 (不要修改这里) === */
  /* 默认使用桌面宽 */
  --base-w: var(--base-w-desktop);
  
  /* 缩放倍率 (由滑块控制) */
  --card-scale: 1.0;

  /* 最终卡牌尺寸 */
  --card-w: calc(var(--base-w) * var(--card-scale));
  --card-h: calc(var(--card-w) * var(--card-aspect-ratio));
  
  /* 圆角 (随尺寸自动调整) */
  --card-r: calc(var(--card-w) * 0.06); 
  
  /* 叠牌时的重叠度 */
  --group-overlap: 0.25;
}

/* 移动端覆盖 */
@media (max-width: 600px) {
  :root {
    --base-w: var(--base-w-mobile);
  }
}