/* ============================================================
 * responsive.css —— 小屏适配
 * ============================================================ */

/* 窄屏：压缩选项卡字号，避免四个标签换行 */
@media (max-width: 380px) {
  .tabs button { font-size: 12px; letter-spacing: -.3px; }
  header h1 { font-size: 19px; }
}

/* 超窄屏：进一步收紧内边距 */
@media (max-width: 340px) {
  .tabs button { font-size: 11.5px; padding: 9px 0; }
  .card .hd, .card .bd { padding-left: 13px; padding-right: 13px; }
  .qtags button { padding: 5px 10px; font-size: 12.5px; }
}

/* 系统开启「减少动态效果」时关闭过渡动画 */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}