@charset "utf-8";
/* ============================================
 * responsive.css - 响应式断点规则
 * gdnms.com 前台CSS重构 v2.0
 * 四档断点(与 base.css 对齐): mobile(<=767) / tablet(768-1024) / desktop(1025-1400) / wide(>=1401)
 * ============================================ */

/* === 默认（PC端） === */
/* PC端样式由 pc.css 直接提供，无需额外覆盖 */

/* === 平板 (769px - 1024px) === */
@media (max-width: 1024px) {
  /* 平板适配：缩小容器宽度 */
  .l-container {
    max-width: 100%;
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }

  /* 缩小标题字号 */
  .m-tit1 {
    font-size: var(--text-lg);
  }

  /* 缩小间距 */
  .main-box {
    padding: var(--space-3);
  }
}

/* === 移动端 (<=767px) === */
@media (max-width: 767px) {
  /* 移动端容器全宽 */
  .l-container {
    width: 100%;
    max-width: 100%;
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }

  /* 隐藏PC端专属元素 */
  .pc-only {
    display: none !important;
  }

  /* 显示移动端专属元素 */
  .mobile-only {
    display: block;
  }

  /* 缩小标题 */
  .m-tit1 {
    font-size: var(--text-base);
  }

  /* 表单适配 */
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  textarea {
    width: 100%;
    box-sizing: border-box;
  }

  /* 按钮全宽 */
  .btn-full {
    width: 100%;
    box-sizing: border-box;
  }
}

/* === 桌面端 (1025px - 1400px) === */
@media (min-width: 1025px) and (max-width: 1400px) {
  .l-container {
    max-width: var(--bp-desktop, 1200px);
  }
}

/* === 宽屏 (>=1401px) === */
@media (min-width: 1401px) {
  .l-container {
    max-width: 1400px;
    margin: 0 auto;
  }
}