/* ==========================================
 * 奥创AI - CSS 覆盖修复
 * 1. 修复滚动跳动 (脉冲动画 + overflow)
 * 2. 修复代理商中心移动端适配
 * 3. 修复代理商中心布局问题
 * ========================================== */

/* ==========================================
 * 1. 修复首页滚动跳动
 * ========================================== */

/* 禁用脉冲动画 - 这会导致 box-shadow 变化引起页面抖动 */
.sts2-wf-pulse-159905c6 {
  animation: none !important;
}

/* 修复 overflow 导致的布局抖动 */
.sts2-wf-zhongdian-qu[data-v-159905c6] {
  overflow: visible !important;
  animation: none !important;
}

/* 修复操作区 overflow */
.sts2-caozuoqu[data-v-47db62a3] {
  overflow: visible !important;
}

/* 防止横向滚动容器高度变化 */
.wbs2-shujia-liu[data-v-47db62a3] {
  scrollbar-gutter: stable;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}

/* 防止页面底部抖动 */
html {
  scroll-behavior: smooth;
  overflow-y: scroll;
}

body {
  overflow-x: hidden;
}

/* 防止动画引起的布局偏移 */
*, *::before, *::after {
  backface-visibility: hidden;
}

/* ==========================================
 * 2. 代理商中心 - 布局修复
 * ========================================== */

/* 代理商中心主容器 */
.agent-container,
[class*="dailishang-container"],
[class*="agent-container"] {
  width: 100% !important;
  max-width: 100vw !important;
  min-height: 100vh !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* 代理商中心内容区 */
.agent-content,
[class*="dailishang-content"],
[class*="agent-content"] {
  width: 100% !important;
  max-width: 100% !important;
  padding: 1rem !important;
  box-sizing: border-box !important;
}

/* 侧边栏适配 */
[class*="dailishang"] [class*="sidebar"],
[class*="dailishang"] [class*="aside"],
[class*="dailishang"] [class*="menu"] {
  flex-shrink: 0;
}

/* 表格自适应 */
[class*="dailishang"] table {
  width: 100% !important;
  table-layout: auto !important;
}

[class*="dailishang"] [class*="table-wrapper"],
[class*="dailishang"] [class*="table-container"] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* 卡片网格自适应 */
[class*="dailishang"] [class*="grid"],
[class*="dailishang"] [class*="cards"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)) !important;
  gap: 1rem !important;
}

/* 统计容器 */
.stats-container,
[class*="stats-container"],
[class*="dailishang"] [class*="stats"] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
}

/* 优势网格 */
.advantages-grid,
[class*="advantages-grid"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)) !important;
  gap: 1rem !important;
}

/* 按钮自适应 */
.action-btn,
.action-btn.primary,
[class*="dailishang"] button[class*="primary"] {
  min-width: auto !important;
  width: auto !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}

/* 固定宽度容器修复 */
[class*="dailishang"] [style*="width: 900px"],
[class*="dailishang"] [style*="width: 800px"],
[class*="dailishang"] [style*="width: 500px"],
[class*="dailishang"] [style*="width: 44rem"] {
  width: 100% !important;
  max-width: 96vw !important;
}

/* ==========================================
 * 3. 代理商中心 - 移动端适配
 * ========================================== */

@media (max-width: 768px) {
  /* 代理商中心整体布局 */
  [class*="dailishang"] {
    font-size: 14px !important;
  }

  /* 主容器全屏 */
  .agent-container,
  [class*="dailishang-container"],
  [class*="agent-container"] {
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: 100vh !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 内容区减小内边距 */
  .agent-content,
  [class*="dailishang-content"],
  [class*="agent-content"] {
    padding: 0.75rem !important;
  }

  /* 侧边栏变为顶部导航或抽屉 */
  [class*="dailishang"] [class*="sidebar"],
  [class*="dailishang"] [class*="aside"],
  [class*="dailishang"] [class*="menu-wrapper"] {
    width: 100% !important;
    max-width: 100% !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
  }

  /* 菜单项横向排列 */
  [class*="dailishang"] [class*="sidebar"] [class*="menu-item"],
  [class*="dailishang"] [class*="aside"] [class*="menu-item"] {
    display: inline-block !important;
    white-space: nowrap !important;
  }

  /* 菜单列表横向滚动 */
  [class*="dailishang"] [class*="sidebar"] [class*="menu-list"],
  [class*="dailishang"] [class*="aside"] [class*="menu-list"] {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 0.5rem !important;
  }

  /* 网格变单列 */
  [class*="dailishang"] [class*="grid"],
  [class*="dailishang"] [class*="cards"] {
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
  }

  /* 统计容器纵向排列 */
  .stats-container,
  [class*="stats-container"],
  [class*="dailishang"] [class*="stats"] {
    flex-direction: column !important;
    gap: 0.75rem !important;
  }

  /* 优势网格单列 */
  .advantages-grid,
  [class*="advantages-grid"] {
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
  }

  /* 表格字体缩小 */
  [class*="dailishang"] table {
    font-size: 12px !important;
  }

  [class*="dailishang"] th,
  [class*="dailishang"] td {
    padding: 0.5rem 0.25rem !important;
    white-space: nowrap !important;
  }

  /* 弹窗全屏 */
  [class*="dailishang"] [class*="modal"],
  [class*="dailishang"] [class*="dialog"],
  [class*="dailishang"] [class*="popup"] {
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  [class*="dailishang"] [class*="modal-body"],
  [class*="dailishang"] [class*="dialog-body"] {
    padding: 1rem !important;
  }

  /* 按钮全宽 */
  [class*="dailishang"] [class*="action-btn"],
  [class*="dailishang"] button {
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 0.5rem !important;
  }

  /* 标题缩小 */
  [class*="dailishang"] h1,
  [class*="dailishang"] h2,
  [class*="dailishang"] h3 {
    font-size: 1.2rem !important;
  }

  [class*="dailishang"] .title-text,
  [class*="dailishang"] [class*="title"] {
    font-size: 1.2rem !important;
  }

  /* 代理商入口弹窗 */
  [class*="TanChuang"] {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    border-radius: 0 !important;
  }

  [class*="TanChuang"] [class*="content"],
  [class*="TanChuang"] [class*="body"] {
    padding: 1rem !important;
  }

  /* 电商页面 */
  [class*="dianshang"] {
    width: 100% !important;
    max-width: 100vw !important;
    padding: 0.5rem !important;
  }

  [class*="dianshang"] [class*="grid"],
  [class*="dianshang"] [class*="plan-grid"],
  [class*="dianshang"] [class*="platform-grid"],
  [class*="dianshang"] [class*="results-grid"] {
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
  }

  [class*="dianshang"] [class*="card"],
  [class*="dianshang"] [class*="plan"],
  [class*="dianshang"] [class*="item"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 表单元素 */
  [class*="dailishang"] input[type="text"],
  [class*="dailishang"] input[type="number"],
  [class*="dailishang"] input[type="password"],
  [class*="dailishang"] input[type="tel"],
  [class*="dailishang"] select,
  [class*="dailishang"] textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important; /* 防止 iOS 缩放 */
  }

  /* flex 布局强制换行 */
  [class*="dailishang"] [class*="flex-row"],
  [class*="dailishang"] [class*="row"] {
    flex-wrap: wrap !important;
  }

  /* 修复 Element Plus 组件 */
  [class*="dailishang"] .el-table {
    width: 100% !important;
  }

  [class*="dailishang"] .el-table .el-table__body-wrapper {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  [class*="dailishang"] .el-dialog {
    width: 95% !important;
    margin: 5vh auto !important;
  }

  [class*="dailishang"] .el-form-item__label {
    font-size: 13px !important;
  }

  [class*="dailishang"] .el-card {
    margin-bottom: 0.75rem !important;
  }

  [class*="dailishang"] .el-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [class*="dailishang"] .el-col {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}

/* ==========================================
 * 4. 超小屏适配 (320px - 480px)
 * ========================================== */

@media (max-width: 480px) {
  [class*="dailishang"] {
    font-size: 13px !important;
  }

  [class*="dailishang"] .agent-content,
  [class*="dailishang"] [class*="content"] {
    padding: 0.5rem !important;
  }

  [class*="dailishang"] h1,
  [class*="dailishang"] h2,
  [class*="dailishang"] h3 {
    font-size: 1rem !important;
  }

  [class*="dailishang"] table {
    font-size: 11px !important;
  }

  [class*="dailishang"] th,
  [class*="dailishang"] td {
    padding: 0.35rem 0.15rem !important;
  }

  [class*="dailishang"] .el-button {
    padding: 0.5rem 0.75rem !important;
    font-size: 12px !important;
  }

  [class*="dailishang"] .el-button + .el-button {
    margin-left: 0.25rem !important;
  }

  [class*="dailishang"] [class*="stat-value"],
  [class*="dailishang"] [class*="number"] {
    font-size: 1.1rem !important;
  }

  [class*="dailishang"] [class*="stat-label"],
  [class*="dailishang"] [class*="label"] {
    font-size: 11px !important;
  }
}

/* ==========================================
 * 5. 模型列表图标修复
 * ========================================== */

/* 确保模型图标正确渲染 */
[class*="model"] img[src^="data:image/svg+xml"] {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}

/* 防止图标变形 */
[class*="model-icon"],
[class*="vendor-icon"] {
  flex-shrink: 0;
  overflow: hidden;
}

[class*="model-icon"] img,
[class*="vendor-icon"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* ==========================================
 * 6. 隐藏首页底部支付图标 (2026-09-24 按需求移除 VISA/万事达/支付宝/微信)
 * ========================================== */
.welcome-zhifu-bar,
.zhifu-tubiao-bar {
  display: none !important;
}