@import url("../assets/style.css");

/* 独立响应式兜底：确保窄屏单列与菜单可用 */
@media (max-width: 768px) {
  .topbar-inner { flex-wrap: wrap; }
  .topbar nav ul { flex-direction: column; }
  .shell { grid-template-columns: minmax(0, 1fr) !important; }
  .toc { position: static; }
  .hero,
  .grid-2,
  .grid-3,
  .steps,
  .facts,
  .foot-inner,
  .cat-list li { grid-template-columns: minmax(0, 1fr) !important; }
  img { max-width: 100%; height: auto; }
  body { font-size: 16px; }
}

@media (max-width: 1000px) {
  .grid-3, .steps, .facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}