/**
 * sanxio 响应式间距 Token（Antigravity 手册 §3.1）
 * 在认证页、会员登录/注册及任意挂载 .sanxio-spacing-scope 的容器内生效。
 */
/*======= sanxio 间距 Token 定义 start ===========*/
body.sanxio-auth-page,
body.member-login-page,
body.member-register-page,
body.member-style-md3-page,
body.member-stats-md3-page,
body.member-news-md3-page,
body.member-page-md3-page,
body.member-honor-md3-page,
body.member-link-md3-page,
body.member-mail-md3-page,
body.member-alert-md3-page,
body.member-ad-md3-page,
body.member-deposit-md3-page,
body.member-record-md3-page,
body.member-cash-md3-page,
body.member-child-md3-page,
body.member-crm-md3-page,
body.member-agent-md3-page,
body.member-type-md3-page,
body.member-promo-md3-page,
body.member-stock-md3-page,
body.member-edit-ag-page,
body.sanxio-account-page,
body.member-account-md3-page,
body.member-md3-page,
body.sx-checkout-premium-page,
.sanxio-auth-page-wrap,
.sanxio-spacing-scope,
.sx-express-v2,
.sanxio-member-style-md3.sanxio-spacing-scope,
.sanxio-show-contact-panel.sanxio-spacing-scope,
body.sanxio-account-page,
.md3-login-root {
  --sanxio-block-px: 20px;
  --sanxio-content-gap: 20px;
  --sanxio-card-px: 20px;
  --sanxio-card-py: 20px;
  --sanxio-gap-md: 16px;
  --sanxio-gap-sm: 8px;
}

@media (max-width: 767px) {
  body.sanxio-auth-page,
  body.member-login-page,
  body.member-register-page,
  body.member-style-md3-page,
body.member-stats-md3-page,
body.member-news-md3-page,
body.member-page-md3-page,
body.member-honor-md3-page,
body.member-link-md3-page,
body.member-mail-md3-page,
body.member-alert-md3-page,
body.member-ad-md3-page,
body.member-deposit-md3-page,
body.member-record-md3-page,
body.member-cash-md3-page,
body.member-child-md3-page,
body.member-crm-md3-page,
body.member-agent-md3-page,
body.member-type-md3-page,
body.member-promo-md3-page,
body.member-stock-md3-page,
body.member-edit-ag-page,
  body.sanxio-account-page,
  body.member-account-md3-page,
  body.member-md3-page,
  body.sx-checkout-premium-page,
  .sanxio-auth-page-wrap,
  .sanxio-spacing-scope,
  .sx-express-v2,
  .sanxio-member-style-md3.sanxio-spacing-scope,
  .sanxio-show-contact-panel.sanxio-spacing-scope,
  .md3-login-root {
    --sanxio-block-px: 12px;
    --sanxio-content-gap: 12px;
    --sanxio-card-px: 12px;
    --sanxio-card-py: 12px;
    --sanxio-gap-md: 12px;
    --sanxio-gap-sm: 8px;
  }
}
/*======= sanxio 间距 Token 定义 end ===========*/

/*======= sanxio 间距工具类（块级纵向） start ===========*/
.sanxio-stack-content {
  display: flex;
  flex-direction: column;
  gap: var(--sanxio-content-gap);
}
.sanxio-stack-md {
  display: flex;
  flex-direction: column;
  gap: var(--sanxio-gap-md);
}
.sanxio-stack-sm {
  display: flex;
  flex-direction: column;
  gap: var(--sanxio-gap-sm);
}
.sanxio-mt-content { margin-top: var(--sanxio-content-gap); }
.sanxio-mb-content { margin-bottom: var(--sanxio-content-gap); }
.sanxio-mt-md { margin-top: var(--sanxio-gap-md); }
.sanxio-mb-md { margin-bottom: var(--sanxio-gap-md); }
.sanxio-mt-sm { margin-top: var(--sanxio-gap-sm); }
.sanxio-mb-sm { margin-bottom: var(--sanxio-gap-sm); }
.sanxio-px-card { padding-left: var(--sanxio-card-px); padding-right: var(--sanxio-card-px); }
.sanxio-py-card { padding-top: var(--sanxio-card-py); padding-bottom: var(--sanxio-card-py); }
/* 会员业务页外框：顶 content-gap、左右 block-px、底 block-px（手册 §3.1） */
.sanxio-member-page-inset {
  box-sizing: border-box;
  width: 100%;
  padding-top: var(--sanxio-content-gap);
  padding-right: var(--sanxio-block-px);
  padding-bottom: var(--sanxio-block-px);
  padding-left: var(--sanxio-block-px);
}
/*======= sanxio 间距工具类 end ===========*/