/* ============================================================
   Limit Radar 官网样式 — 响应式层
   移动优先断点：≤960px 平板折叠，≤640px 手机单列
   ============================================================ */

/* ---------- 平板及以下 ---------- */
@media (max-width: 960px) {
  .hero-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .phone-mock {
    margin: 0 auto;
  }
  .features-grid,
  .steps-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .doc-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  /* 文档目录折叠为横向滚动式标签 */
  .doc-toc {
    position: static;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
  }
  .doc-toc p {
    width: 100%;
    margin-bottom: 4px;
  }
}

/* ---------- 手机 ---------- */
@media (max-width: 640px) {
  /* 导航折叠为汉堡菜单 */
  .nav-links {
    position: fixed;
    inset: var(--nav-h) 0 auto 0;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    margin: 0;
    padding: 12px 16px 18px;
    background: var(--bg-elevated);
    border-bottom: 1px solid var(--line);
    box-shadow: var(--shadow-strong);
    display: none;
  }
  .nav-links.open {
    display: flex;
  }
  .nav-links a {
    padding: 12px 14px;
    font-size: 16px;
  }
  .menu-btn {
    display: grid;
  }

  .hero {
    padding: 44px 0 56px;
  }
  .features-grid,
  .steps-grid {
    grid-template-columns: 1fr;
  }
  .section {
    padding: 52px 0;
  }
  .cta-band {
    padding: 44px 20px;
  }

  /* App 视觉复刻：小屏压缩磁贴 */
  .mini-tiles {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }
  .mini-tile {
    padding: 10px;
  }
  .mini-tile .v {
    font-size: 16px;
  }
  .mini-tile .d {
    display: none;
  }
}