/**
 * responsive.css — 全站响应式（移动端适配）
 * 所有页面共享的响应式规则
 */

/* ===== 768px 以下（平板/手机）===== */
@media (max-width: 768px) {
  /* 全局字体 */
  body { font-size: 14px; }
  h1 { font-size: 24px; }
  h2 { font-size: 20px; }
}

/* ===== 480px 以下（手机）===== */
@media (max-width: 480px) {
  /* === workspace-page 工作台移动端 === */
  
  /* 隐藏3D背景导航文字 */
  #three-canvas { opacity: 0.4 !important; }
  
  /* 左右面板改为上下堆叠 */
  #ui-root {
    flex-direction: column !important;
    padding: 8px !important;
  }
  
  #input-panel {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 45vh !important;
    min-height: 0 !important;
    margin-bottom: 8px !important;
    border-radius: 14px !important;
    padding: 14px 12px !important;
  }
  
  #output-panel {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 200px !important;
    border-radius: 14px !important;
    padding: 14px 12px !important;
  }
  
  #output-panel.collapsed {
    width: 100% !important;
    height: 36px !important;
    min-height: 0 !important;
    max-height: 36px !important;
  }
  
  /* 按钮适配 */
  .prompt-textarea {
    font-size: 14px !important;
    padding: 10px !important;
    min-height: 60px !important;
  }
  
  /* 侧边栏按钮缩小 */
  .sidebar-btn {
    padding: 8px 12px !important;
    font-size: 12px !important;
  }
  
  .sidebar-btn .btn-label {
    display: none !important; /* 手机端隐藏文字，只显示图标 */
  }
  
  /* 上传区域 */
  .upload-drop {
    padding: 20px 10px !important;
  }
  
  .upload-text {
    font-size: 13px !important;
  }
  
  /* 生成按钮全宽 */
  .generate-btn {
    width: 100% !important;
    height: 48px !important;
    font-size: 15px !important;
  }
  
  /* ===== 认证页面 ===== */
  .auth-container {
    padding: 28px 18px 24px !important;
    border-radius: 16px !important;
  }
  
  .auth-logo { font-size: 24px !important; }
  
  .auth-form input, .modal-form input {
    height: 44px !important;
    font-size: 14px !important;
  }
  
  /* ===== 充值/支付页面 ===== */
  .pack-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  
  .pack-card {
    padding: 18px 14px !important;
  }
  
  .pack-credits {
    font-size: 26px !important;
  }
  
  .pack-price .amount {
    font-size: 24px !important;
  }
  
  .balance-card {
    padding: 18px 16px !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  
  .balance-amount {
    font-size: 28px !important;
  }
  
  /* ===== 支付页 ===== */
  .pay-channel {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  
  .pay-amount {
    font-size: 36px !important;
  }
  
  .qrcode-box {
    width: 160px !important;
    height: 160px !important;
  }
  
  /* ===== 交易记录 ===== */
  .tx-item {
    padding: 12px 14px !important;
  }
  
  .tx-info .tx-reason {
    font-size: 13px !important;
  }
  
  /* ===== 弹窗 ===== */
  .am-box {
    padding: 28px 18px 20px !important;
    max-height: 85vh !important;
  }
  
  /* ===== index 首页移动端 ===== */
  .hero {
    padding: 60px 16px 40px !important;
  }
  
  /* 用户栏移动端 */
  #userBar {
    top: 10px !important;
    right: 8px !important;
    padding: 6px 12px !important;
    gap: 6px !important;
    font-size: 12px !important;
  }
  
  #userBar span {
    font-size: 11px !important;
  }
  
  /* 首页标题 */
  .landing-logo {
    font-size: 32px !important;
  }
  
  .landing-slogan {
    font-size: 14px !important;
    letter-spacing: 3px !important;
  }
  
  .btn-enter {
    padding: 14px 32px !important;
    font-size: 15px !important;
  }
}

/* ===== 超小屏 360px ===== */
@media (max-width: 360px) {
  #output-panel { padding: 10px 8px !important; }
  .sidebar-btn { padding: 6px 8px !important; font-size: 11px !important; }
  .pack-grid { grid-template-columns: 1fr !important; }
  .pay-channel { grid-template-columns: 1fr 1fr !important; }
}