/**
 * 字体规范 - 基于 750px 设计稿
 *
 * 使用方式：在 .less 文件中 @import '@/styles/_typography.less';
 *
 * 注意：这些值会被 postcss-pxtorem 自动转换为 rem
 * rootValue = 75，所以 28px -> 0.3733rem
 */
/* ============================================
 * 移动端 H5 全局样式
 * 参考：normalize.css + 移动端最佳实践
 * ============================================ */
/* 盒模型：统一使用 border-box */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* HTML 根元素 */
html {
  height: 100%;
  /* 防止 iOS 横屏时字体自动放大 */
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  /* 消除 300ms 点击延迟，禁用双击缩放 */
  touch-action: manipulation;
}
/* Body 基础样式 */
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /* 字体栈：系统字体优先 */
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* 字体渲染优化 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* 移动端触摸优化 */
  -webkit-tap-highlight-color: transparent;
  /* 禁止用户选择文本（可按需开启） */
  user-select: none;
  /* 防止过度滚动（下拉刷新） */
  overscroll-behavior: none;
}
/* 根容器 */
#root {
  width: 100%;
  height: 100%;
  /* iOS 平滑滚动 */
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
}
/* ============================================
 * 元素重置
 * ============================================ */
/* 图片 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  /* 禁止长按保存图片（iOS） */
  -webkit-touch-callout: none !important;
  /* 禁止用户选择（Android/iOS） */
  -webkit-user-select: none;
  user-select: none;
  /* 禁止拖拽 */
  -webkit-user-drag: none;
  /* 关键 */
  pointer-events: none !important;
}
/* antd-mobile Image 组件禁止长按 */
.adm-image,
.adm-image img {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none !important;
}
/* 链接 */
a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
/* 按钮 */
button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  outline: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}
/* 表单元素 */
input,
textarea,
select {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: transparent;
  /* 移除 iOS 默认样式 */
  -webkit-appearance: none;
  appearance: none;
  /* 移除 iOS 输入框内阴影 */
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
}
/* 移除 input[type="number"] 的上下箭头 */
input[type='number'] {
  -moz-appearance: textfield;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* 移除 input[type="search"] 的清除按钮和搜索图标 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
/* 列表 */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* 标题 */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}
/* 段落 */
p {
  margin: 0;
}
/* ============================================
 * 滚动条美化（可选）
 * ============================================ */
/* 隐藏滚动条但保留滚动功能 */
::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
/* ============================================
 * 安全区域辅助类（供组件使用）
 * ============================================ */
/* 底部安全区域 padding */
.safe-area-bottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
/* 底部安全区域 margin */
.safe-area-bottom-margin {
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
}
/* 顶部安全区域 */
.safe-area-top {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
.adm-center-popup-wrap .adm-dialog-body {
  padding: 8vw 5.33333vw;
  width: calc(100vw - 8vw);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.adm-center-popup-wrap .adm-dialog-body .adm-dialog-title {
  font-weight: 600;
  font-size: 6.4vw;
  color: #333333;
  line-height: 8.93333vw;
  margin-bottom: 4vw;
}
.adm-center-popup-wrap .adm-dialog-body .adm-dialog-content {
  font-size: 5.33333vw;
  color: #333333;
  line-height: 7.46667vw;
  text-align: center;
  margin-bottom: 8vw;
}
.adm-center-popup-wrap .adm-dialog-footer .adm-dialog-action-row {
  border: none;
  gap: 1.33333vw;
  /* Dialog.alert 只有一个按钮时，给该按钮添加突出样式 */
}
.adm-center-popup-wrap .adm-dialog-footer .adm-dialog-action-row .adm-button {
  height: 13.06667vw;
  background: #f5f5f5;
  border-radius: 6.53333vw;
  font-weight: 600;
  font-size: 5.86667vw;
  color: #333333;
  line-height: 13.06667vw;
  text-align: center;
  padding: 0;
}
.adm-center-popup-wrap .adm-dialog-footer .adm-dialog-action-row .adm-button.adm-dialog-button-bold {
  background: #ff5d00;
  color: #ffffff;
}
.adm-center-popup-wrap .adm-dialog-footer .adm-dialog-action-row:has(.adm-button:only-child) .adm-button {
  background: #ff5d00;
  color: #ffffff;
}