/* mobile.css —— 移动端响应式（外链，零侵入主样式）
   仅在窄屏生效，桌面端完全不受影响。 */
@media (max-width: 820px) {
  .nav { padding: 10px 14px; }
  .nav-right { gap: 8px; }
  .wrap { padding: 0 12px; }
  .hero-inner { flex-direction: column; }
  .hero-right { width: 100%; margin-top: 18px; }
  .hero-cta { flex-direction: column; align-items: stretch; }
  .hero-cta .btn { width: 100%; }
  .tabs { flex-wrap: wrap; }
  .grid { grid-template-columns: 1fr !important; }
  .card { padding: 16px; }
  .wc-cards { flex-direction: column; }
  .wc-card { width: 100%; }
  .modelChannel, #modelChannel { flex-wrap: wrap; }
  .seg-btn { flex: 1 1 auto; }
  .forge-usage-bar { font-size: 12px; }
  .row { flex-wrap: wrap; }
  .row .btn { flex: 1 1 auto; }
  .toolbar { flex-direction: column; align-items: flex-start; gap: 8px; }
  .toolbar > div { flex-wrap: wrap; }
  .out { max-height: 420px; }
  .user-menu { position: fixed; left: 8px; right: 8px; top: 56px; width: auto; max-height: 80vh; overflow: auto; }
  .menu-item { padding: 12px 14px; }
  .demo-body { min-height: 160px; }
  .proof-feed { display: none; }
  .hero-proof { display: none; }
  /* 公众号/发布页等两栏布局转单列 */
  .pub-grid, .ent-grid { grid-template-columns: 1fr !important; }
  .tiers { grid-template-columns: 1fr !important; }
  .qr-row { flex-direction: column; align-items: center; }
}
@media (max-width: 480px) {
  .hero h2, .hero-sub { font-size: 22px !important; }
  .tprice, .tprice span { font-size: 22px !important; }
  .nav .brand, .saasTier { font-size: 12px; }
  .btn-xl { font-size: 15px; padding: 12px 16px; }
}
/* 大屏不必隐藏任何东西 */
@media (min-width: 821px) {
  .mobile-only { display: none !important; }
}