/* 手机端自适应修正 —— 全站最后加载，覆盖内页固定宽度布局 */
@media (max-width: 768px) {
  html, body { overflow-x: hidden !important; max-width: 100% !important; }

  /* 固定宽度的外层包裹与容器改为流式 */
  .warp, .header, .head-top, .container, .hedader-top,
  .top-decoration, .breadcrumb, .page-title, form,
  .card-recovery, .card-recovery-inner, .category-nav,
  .content-area, .main, .wrapper, .site-footer .container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
  .warp, .header, .head-top { padding-left: 0 !important; padding-right: 0 !important; }
  .container, .hedader-top, .breadcrumb, .page-title,
  .card-recovery, .card-recovery-inner {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* 内页顶部导航：logo / 导航 / 登录自动换行，去掉内联负 margin */
  .hedader-top {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: auto !important;
    gap: 6px 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .hedader-top .logo { order: 1; }
  .hedader-top .login-reg { order: 2; display: flex; gap: 8px; }
  .naav-list {
    order: 3;
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
    gap: 2px 16px !important;
  }
  .naav-list li { list-style: none; }
  .naav-list li a { font-size: 14px !important; padding: 4px 0 !important; }

  /* 卡券回收：两栏 / 行内布局改为纵向堆叠 */
  .card-recovery-inner { display: block !important; }
  .category-nav, .category-list, .card-recovery-cont,
  .card-recovery-operation, .recovery-content {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .category-list { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }

  /* 通用防溢出 */
  img { max-width: 100% !important; height: auto !important; }
  table { display: block !important; max-width: 100% !important; overflow-x: auto !important; }
  pre { white-space: pre-wrap !important; word-break: break-word !important; }
}