/* 响应式断点（与UI对齐：992 / 768 / 576） */
@media (max-width: 992px) {
  /* 仅用于栅格密度调整，保留两列（桌面向下的过渡） */
  .features-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .nav-links, .primary-menu { display: none; }
  .mobile-menu-btn { display: block; }
  .features-grid { grid-template-columns: repeat(1, 1fr); }
  /* 主内容布局在平板及以下切为单列 */
  .content-area { flex-direction: column; }
  .sidebar { width: 100%; }
}

@media (max-width: 480px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 1.75rem; }
  .features-grid { grid-template-columns: 1fr; }
}