/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/* iOS Safe Area */
:root {
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-right: env(safe-area-inset-right);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
  --safe-area-inset-left: env(safe-area-inset-left);
}

/* 全局重置 */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

body {
  padding-top: var(--safe-area-inset-top);
  padding-bottom: var(--safe-area-inset-bottom);
  padding-left: var(--safe-area-inset-left);
  padding-right: var(--safe-area-inset-right);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 禁止 iOS 双击缩放 */
button, a, input, select, textarea {
  touch-action: manipulation;
}

/* iOS 滚动优化 */
.ant-table-body,
.ant-modal-body,
.ant-drawer-body {
  -webkit-overflow-scrolling: touch;
}

/* 移动端响应式 */
@media screen and (max-width: 576px) {
  /* 页面容器 padding */
  .mobile-container {
    padding: 12px !important;
  }

  /* 卡片内边距 */
  .ant-card-body {
    padding: 12px !important;
  }

  /* 标题大小 */
  h1.ant-typography {
    font-size: 24px !important;
  }

  h2.ant-typography {
    font-size: 20px !important;
  }

  h3.ant-typography {
    font-size: 16px !important;
  }

  /* 按钮间距 */
  .ant-space {
    gap: 8px !important;
  }

  /* 导航按钮只显示图标 */
  .nav-btn .ant-btn-icon + span {
    display: none;
  }

  /* 表格优化 */
  .ant-table {
    font-size: 13px;
  }

  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > td {
    padding: 8px 6px !important;
  }

  /* 分页器简化 */
  .ant-pagination-options {
    display: none;
  }

  /* Modal 全屏 */
  .ant-modal {
    max-width: calc(100vw - 16px) !important;
    margin: 8px auto !important;
  }

  /* Tabs 紧凑 */
  .ant-tabs-nav {
    margin-bottom: 12px !important;
  }

  /* 图表高度 */
  .chart-container {
    height: 300px !important;
  }

  /* Progress 仪表盘 */
  .ant-progress-dashboard {
    width: 200px !important;
    height: 200px !important;
  }

  /* 统计卡片 */
  .ant-statistic-title {
    font-size: 12px !important;
  }

  .ant-statistic-content-value {
    font-size: 20px !important;
  }
}

/* 中等屏幕 */
@media screen and (min-width: 577px) and (max-width: 768px) {
  .mobile-container {
    padding: 16px !important;
  }

  .chart-container {
    height: 400px !important;
  }
}

/* 桌面端 */
@media screen and (min-width: 769px) {
  .chart-container {
    height: 500px !important;
  }
}

/* 横屏模式优化 */
@media screen and (max-height: 500px) and (orientation: landscape) {
  .ant-progress-dashboard {
    width: 150px !important;
    height: 150px !important;
  }

  .chart-container {
    height: 250px !important;
  }
}