:root {
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-right: env(safe-area-inset-right, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-left: env(safe-area-inset-left, 0px);
  /* 关键控件在物理安全区之外再留一点，避免紧贴圆角屏幕边缘和灵动岛。 */
  --control-gap: 10px;
  /* 竖屏纵向间距统一用这一个值。设计稿原本是 8（头像→工具栏）/ 12（工具栏→
     卡片区）/ 10（卡片之间）三档，观感上不成体系，取占多数的 10。 */
  --stack-gap: 10px;
}

.safe-area {
  padding-top: var(--safe-area-top);
  padding-right: var(--safe-area-right);
  padding-bottom: var(--safe-area-bottom);
  padding-left: var(--safe-area-left);
}