/* 响应式：最新提交网格 桌面4列 / 中等3列 / 手机2列，间距对齐原站 8px/16px 节奏 */
@media (max-width: 1023px) {
  .board__grid,
  .board__skeleton {
    grid-template-columns: repeat(3, 1fr);
  }

  .hero__title { font-size: 28px; }

  .statsbar__value { font-size: 20px; }
}

@media (max-width: 768px) {
  .page { padding: 80px 16px 40px; }

  .toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .filters {
    flex-direction: column;
    align-items: stretch;
  }

  .filters__search { width: 100%; }

  .statsbar { grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 14px 16px; }

  .statsbar__value { font-size: 17px; }

  .statsbar__value--small { font-size: 13px; }

  .hero { min-height: 180px; }

  .hero__title { font-size: 22px; }

  /* 顶部栏：缩小语言切换按钮 */
  .topbar__inner { padding: 0 12px; }

  .topbar__logo-img { height: 22px; }

  .topbar__logo-suffix { font-size: 11px; letter-spacing: 1.5px; }

  .lang-switch__btn { padding: 4px 10px; font-size: 11px; }
}

@media (max-width: 639px) {
  .board__grid,
  .board__skeleton {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 8px;
  }

  /* 票数排行列表：压缩间距（缩略图固定 72px 见方不缩放） */
  .row { gap: 10px; padding: 8px; }

  .row__title { font-size: 14px; }

  .row__meta { font-size: 11px; }

  .row__likes { font-size: 17px; }

  .row__view { font-size: 11px; padding: 2px 7px; }

  /* 分页两行：第二行窄屏允许换行，保持居中 */
  .pagination__row { flex-wrap: wrap; }
}

@media (max-width: 480px) {
  .topbar__inner { padding: 0 10px; }

  .topbar__logo { gap: 5px; }

  .topbar__logo-img { height: 20px; }

  .topbar__logo-suffix { display: none; }

  .lang-switch__btn { padding: 4px 8px; font-size: 10px; }

  .card__view {
    opacity: 1;
    transform: translateY(0);
  }
}