/* 推薪客移动端优化CSS - 基础版本 */

/* 移动端基础设置 */
@media (max-width: 768px) {
  /* 基础重置 */
  html {
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
  }
  
  body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
  
  /* 容器优化 */
  .container {
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  
  /* 触摸目标优化 */
  button, 
  .btn,
  a.button {
    min-height: 44px;
    min-width: 44px;
    padding: 12px 20px;
    font-size: 16px;
  }
  
  /* 表单优化 */
  input, select, textarea {
    font-size: 16px; /* 防止iOS缩放 */
    padding: 12px;
    width: 100%;
    box-sizing: border-box;
  }
  
  /* 安全区域适配 */
  .safe-area {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  
  /* 隐藏桌面元素，显示移动元素 */
  .desktop-only {
    display: none !important;
  }
  
  .mobile-only {
    display: block !important;
  }
}

/* 小屏幕手机 */
@media (max-width: 375px) {
  html {
    font-size: 13px;
  }
  
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* 横屏模式 */
@media (orientation: landscape) and (max-height: 500px) {
  .navbar {
    position: static;
  }
}

/* 深色模式 */
@media (prefers-color-scheme: dark) {
  body {
    background: #1a1a1a;
    color: #ffffff;
  }
}