/* assets/css/responsive.css - 獨立響應式 */

/* 平板 */
@media (max-width: 768px) {
  /* 首頁 */
  .index-nav { padding: 14px 20px; }
  .index-nav .nav-links { gap: 14px; }
  .index-nav .nav-links a { font-size: 12px; }
  .index-hero h1 { font-size: 32px; letter-spacing: 3px; }
  .index-hero .hero-typing { font-size: 13px; }
  .index-features { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }

  /* 登入 */
  .login-wrapper { padding: 12px; }
  .login-card { padding: 30px 24px 36px; border-radius: 22px; }

  /* 註冊 */
  .register-wrapper { padding: 12px; }
  .register-card { padding: 28px 20px 36px; border-radius: 22px; }

  /* 儀表板 */
  .dash-header { padding: 12px 16px; flex-wrap: wrap; gap: 10px; }
  .dash-header .logo-area h1 { font-size: 15px; }
  .dash-main { padding: 16px 12px 40px; }
  .dash-banner { padding: 22px 20px; }
  .dash-banner h2 { font-size: 18px; }
  .dash-stats { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .dash-stat-card { padding: 16px 18px; }
  .dash-stat-card .stat-value { font-size: 22px; }
  .dash-quick { grid-template-columns: repeat(2, 1fr); }

  /* 聊天 */
  .chat-layout { padding: 0 10px; }
  .chat-header { padding: 10px 16px; border-radius: 16px; }
  .chat-header .chat-brand .brand-text { font-size: 12px; }
  .chat-header .token-display { display: none; }
  .chat-header .status-badge { font-size: 10px; }
  .chat-msg { max-width: 95%; }
  .chat-msg .msg-bubble { font-size: 13px; padding: 10px 14px; }
  .chat-input-card { border-radius: 16px; }
  .chat-input-row textarea { font-size: 13px; padding: 10px 12px; }
  .chat-input-row .btn-send { width: 38px; height: 38px; font-size: 15px; }
  .chat-stars { display: none; }

  /* 定價 */
  .plans-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
  .plan-card.featured { transform: none; }
  .price-title h1 { font-size: 26px; }
  .price-coins { gap: 10px; }
  .price-coin-item { font-size: 11px; padding: 6px 12px; }

  /* 錢包 */
  .wallet-grid { grid-template-columns: 1fr; }

  /* 關於 */
  .about-section .tech-list { grid-template-columns: 1fr; }

  /* 忘記密碼 */
  .forgot-card { padding: 28px 22px 32px; }

  /* 歷史 */
  .history-wrapper { padding: 16px 12px 40px; }
}

/* 手機 */
@media (max-width: 480px) {
  /* 首頁 */
  .index-nav .nav-links a:not(.nav-cta) { display: none; }
  .index-hero h1 { font-size: 24px; }
  .index-hero .hero-actions { flex-direction: column; }

  /* 登入 */
  .login-card { padding: 22px 16px 28px; }
  .login-brand h1 { font-size: 20px; }
  .login-form .form-group input { padding: 12px 14px 12px 42px; font-size: 14px; }

  /* 註冊 */
  .register-card { padding: 22px 16px 28px; }
  .reg-brand h1 { font-size: 20px; }
  .reg-form .form-group input { padding: 12px 14px 12px 42px; font-size: 14px; }

  /* 儀表板 */
  .dash-stats { grid-template-columns: 1fr; }
  .dash-quick { grid-template-columns: repeat(2, 1fr); }
  .dash-quick-btn { padding: 14px 10px; font-size: 12px; }

  /* 聊天 */
  .chat-header .chat-brand .brand-text { font-size: 11px; }
  .chat-header .status-badge { font-size: 9px; padding: 3px 8px; }
  .chat-msg .msg-avatar { width: 28px; height: 28px; font-size: 11px; }

  /* 定價 */
  .pricing-wrapper { padding: 20px 12px 60px; }
  .price-nav { padding: 10px 16px; }
  .price-title h1 { font-size: 20px; }
  .plan-card { padding: 24px 16px 24px; }
  .plan-card .plan-price { font-size: 34px; }
  .plan-card .plan-price .currency { font-size: 16px; }

  /* 關於 */
  .about-wrapper { padding: 24px 16px 60px; }
  .about-header h1 { font-size: 22px; }

  /* 轉帳 */
  .transfer-card { padding: 24px 18px; }

  /* 釣魚管理 */
  .phish-wrapper { padding: 16px 12px 40px; }
  .phish-table { font-size: 11px; }
  .phish-table th, .phish-table td { padding: 8px 10px; }
}

/* 大螢幕 */
@media (min-width: 1200px) {
  .dash-main { max-width: 1300px; }
  .pricing-wrapper { max-width: 1200px; }
  .chat-layout { max-width: 960px; }
}