/* 移动端体验微调：由 bgrdh-hardening 载入，只覆盖窄屏，不影响桌面布局。 */
@media (max-width: 767.98px) {
  /* 分类条右侧的「更多+」被挤成一列竖排 */
  .flex-tab { flex-wrap: nowrap; }
  .flex-tab .slider_menu { min-width: 0; }
  a.btn-move.tab-move { flex: 0 0 auto; white-space: nowrap; }

  /* 详情页图标区在窄屏被拉成整幅横幅，标题与简介被挤到首屏之外 */
  .siteico { max-width: 220px; margin-left: auto; margin-right: auto; }

  /* 右下角常驻工具条与页面末尾内容抢位置：缩小并给文档末尾留出滚动余量 */
  #footer-tools { transform: scale(.86); transform-origin: right bottom; }
  body::after { content: ""; display: block; height: 64px; }
}

/*
 * 卡片列数被模板写死的问题。
 * get_columns() 会按后台「每行列数」输出 col-xxl-Na，但 tools-customize.php /
 * tools-customizeforuser.php / ajax.php 的收藏列表又在后面硬编码追加了 col-xxl-10a；
 * style.min.css 里 .col-xxl-10a 排在 .col-xxl-6a 之后，同特异性下靠后者赢，
 * 于是 ≥1400px 时「我的导航」被按一行 10 个的宽度渲染（单项仅 138px），
 * 名称压成「学…」「co…」，右侧还空一大截。
 * 这里用「两个类名并写」的选择器（特异性 0,2,0 高于 0,1,0）把宽度交还给后台设置。
 */
@media (min-width: 1400px) {
  .col-xxl-1a.col-xxl-10a { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
  .col-xxl-2a.col-xxl-10a { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
  .col-xxl-3a.col-xxl-10a { -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xxl-4a.col-xxl-10a { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
  .col-xxl-5a.col-xxl-10a { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; }
  .col-xxl-6a.col-xxl-10a { -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xxl-7a.col-xxl-10a { -webkit-box-flex: 0; flex: 0 0 14.285714%; max-width: 14.285714%; }
  .col-xxl-8a.col-xxl-10a { -webkit-box-flex: 0; flex: 0 0 12.5%; max-width: 12.5%; }
  .col-xxl-9a.col-xxl-10a { -webkit-box-flex: 0; flex: 0 0 11.111111%; max-width: 11.111111%; }
  .col-xxl-11a.col-xxl-10a { -webkit-box-flex: 0; flex: 0 0 9.090909%; max-width: 9.090909%; }
  .col-xxl-12a.col-xxl-10a { -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }
}