/* mn52-fix.css v2 —— 唯一补丁层(老主题 mn52.css 永不改, 补丁追加于此; 改动须升 header 里 ?v=) */

/* ===== 网名终端页: 词条卡网格 + 头像图集卡(2026-09-18) ===== */
.wm-name-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.wm-name-list .wm-name-card {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  background: var(--bg-light); border: 1px solid var(--border);
  border-radius: 10px; padding: 12px 14px;
}
.wm-name-list .wm-name { font-size: 16px; font-weight: 600; color: var(--text-primary); }
.wm-name-list .wm-star { font-size: 12px; color: #f59e0b; letter-spacing: 1px; white-space: nowrap; }
.wm-name-list .wm-avatar-card {
  grid-column: 1 / -1;
  display: flex; align-items: center; gap: 14px;
  background: linear-gradient(135deg, #f0f7ff, #fdf2f8);
  border: 1px solid var(--border); border-radius: 12px; padding: 12px 14px;
  margin: 4px 0;
}
.wm-name-list .wm-avatar-card .av-pic { flex-shrink: 0; }
.wm-name-list .wm-avatar-card .av-pic img { width: 88px; height: 88px; object-fit: cover; border-radius: 10px; display: block; }
.wm-name-list .wm-avatar-card .av-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.wm-name-list .wm-avatar-card .av-title { font-size: 15px; font-weight: 600; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wm-name-list .wm-avatar-card .av-count { font-size: 12px; color: var(--text-muted); }
.wm-name-list .wm-avatar-card .av-btn { align-self: flex-start; font-size: 12px; line-height: 1; color: #fff; background: var(--primary); border-radius: 999px; padding: 6px 14px; }
@media (max-width: 760px) {
  .wm-name-list { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .wm-name-list .wm-name-card { padding: 10px 12px; }
}

/* 无图卡片占位: 卡片高度由 img 撑起, 无图(未恢复/无缩略图)时塌陷——给图框固定 4:3 占位底 */
.classification_list ul.classification_listContent li a.picBox {
  min-height: 161px;
  background: linear-gradient(135deg, #eef1f5, #e2e6ec);
}
.classification_list ul.classification_listContent li a.picBox img {
  min-height: 161px;
  object-fit: cover;
  background: linear-gradient(135deg, #eef1f5, #e2e6ec);
}

/* ===== 移动端适配(老主题 .layout 固定 1200px 无收缩, 全站横向溢出) ===== */
.layout {
  width: auto;
  max-width: 1200px;
  padding: 0 14px;
  box-sizing: border-box;
}
.header-main .layout,
.header .layout {
  padding: 0 14px;
}
@media (max-width: 760px) {
  /* 兜底: 裁掉残余横向溢出(分类导航滑动行自身滚动, 不影响) */
  body { overflow-x: hidden; }
  /* 结果/列表瀑布流: 2 列大卡(原 5→3 列窄条) */
  .classification_list ul.classification_listContent { column-count: 2; column-gap: 12px; }
  .classification_list ul.classification_listContent li { margin-bottom: 16px; }
  .classification_list ul.classification_listContent li a.picBox { min-height: 0; }
  .classification_list ul.classification_listContent li a.picName { width: 100%; margin-top: 8px; }
  /* 位置面包屑/分区标题留白 */
  .position .layout, .classification .layout { padding: 0 14px; }
  /* 分类导航行(类别/二类): 老主题 .classification .layout 定宽 1160 + ul 1110 + li 定宽横排,
     曾把页面撑到 1160px——important 硬覆盖为行内横向滑动 */
  .classification .layout { width: 100% !important; }
  .classification_one, .classification_two { display: flex !important; width: auto !important; align-items: center; }
  .classification_one .floatL, .classification_two .floatL { flex: 0 0 auto !important; float: none !important; }
  .classification_one ul, .classification_two ul {
    width: auto !important; max-width: 100% !important; min-width: 0 !important;
    flex: 1 1 0 !important; display: flex !important; flex-wrap: nowrap !important;
    overflow-x: auto !important; -webkit-overflow-scrolling: touch; scrollbar-width: none;
    float: none !important;
  }
  .classification_one ul::-webkit-scrollbar, .classification_two ul::-webkit-scrollbar { display: none !important; }
  .classification_one ul li, .classification_two ul li { flex: 0 0 auto !important; width: auto !important; white-space: nowrap; }

  /* ===== 移动菜单层(汉堡展开): fixed 视口级面板 =====
     选择器必须用 ul#navList 不带 .header/.nav 前缀——JS 展开时把节点移到 body 下,
     后代选择器全部失配, 面板只剩 JS 内联样式, 菜单项回落桌面深色样式(2026-09-18 三条杠样式乱根因) */
  ul#navList {
    position: fixed !important; top: 56px !important; bottom: auto !important; left: 0 !important; right: 0 !important;
    width: 100vw !important; max-width: 100vw !important; min-width: 100vw !important;
    height: auto !important; max-height: calc(100vh - 70px) !important; overflow-y: auto !important;
    display: flex !important; flex-direction: column !important; align-items: stretch !important;
    gap: 2px !important; padding: 10px 16px 14px !important; margin: 0 !important;
    background: #111827 !important; z-index: 9999 !important;
    border-radius: 0 0 12px 12px !important;
    visibility: hidden !important; opacity: 1 !important; transform: translateY(-8px) !important;
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease !important;
  }
  ul#navList.open { visibility: visible !important; transform: translateY(0) !important; }
  ul#navList li {
    float: none !important; list-style: none !important; width: 100% !important; text-align: center !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }
  ul#navList li:last-child { border-bottom: none !important; }
  ul#navList li a {
    display: block !important; color: #fff !important; background: none !important; font-size: 17px !important;
    font-weight: 600 !important; text-decoration: none !important; padding: 13px 10px !important;
  }
  ul#navList li.active a { color: #60a5fa !important; }
  /* 汉堡按钮置顶层可点, active 态变 × */
  .menu-toggle { position: relative !important; z-index: 10000 !important; }
  .header-main .menu-toggle { position: absolute !important; right: 16px !important; top: 50% !important; transform: translateY(-50%) !important; }
  .menu-toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg) !important; }
  .menu-toggle.active span:nth-child(2) { opacity: 0 !important; }
  .menu-toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) !important; }
}