/* =============================================================================
   梦马论坛 · 圈子列表页主题 v2（table 布局增强版）
   结构：<table class="fl_tb"><tr class="fl_row"><td class="fl_g" style="width:32.9%">
           <div class="fl_icn_g"><a><img></a></div>
           <dl><dt><a>名</a></dt><dd>成员/主题</dd><dd>创建于</dd></dl>
         </td> ×3 </tr> … </table>
   策略：不改变 display 类型（table/tr/td 原样保留），只做视觉增强。
   ============================================================================= */

/* ---------- 1. 页头 ---------- */
.bm.fl .bm_h {
    border-bottom: 0 !important;
    padding: 0 !important;
}
.bm.fl .bm_h h1.xs2 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1B2B3A !important;
    padding: 18px 20px 14px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* 排序条 */
.bm.fl .bm_c.pbm.ptm.cl.bw0 {
    background: #F7F9FC !important;
    border-top: 1px solid #EDF1F6 !important;
    border-bottom: 1px solid #EDF1F6 !important;
    padding: 12px 20px !important;
    margin: 0 !important;
    font-size: 13px !important;
    color: #6B7A8A !important;
}
.bm.fl select.ps {
    height: 30px !important;
    line-height: 28px !important;
    padding: 0 26px 0 10px !important;
    border: 1px solid #DCE3EC !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    color: #3D4C5C !important;
    font-size: 13px !important;
    outline: none !important;
    cursor: pointer !important;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238795A5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    transition: border-color .15s ease !important;
}
.bm.fl select.ps:hover { border-color: #0F59A4 !important; }

/* ---------- 2. 表格容器 ---------- */
.fl_tb {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 8px !important;      /* 单元格间距 → 卡片间距 */
    padding: 14px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* ---------- 3. 卡片（td.fl_g） ---------- */
.fl_tb .fl_g {
    box-sizing: border-box !important;
    padding: 14px 16px !important;
    vertical-align: top !important;
    background: #fff !important;
    border: 1px solid #E6ECF4 !important;
    border-radius: 12px !important;
    transition: border-color .18s ease, box-shadow .18s ease !important;
    position: relative !important;
    overflow: hidden !important;
}
/* hover 顶部品牌色条 */
.fl_tb .fl_g::before {
    content: '' !important;
    position: absolute !important;
    left: 0; top: 0; right: 0;
    height: 3px !important;
    background: linear-gradient(90deg, #0F59A4, #1A6DBE) !important;
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    transition: transform .22s ease !important;
}
.fl_tb .fl_g:hover {
    border-color: #C9DBF2 !important;
    box-shadow: 0 6px 18px rgba(10,79,158,.10) !important;
}
.fl_tb .fl_g:hover::before { transform: scaleX(1) !important; }

/* ---------- 4. 图标 ---------- */
.fl_tb .fl_g .fl_icn_g,
.fl_tb .fl_g .fl_icn {
    float: left !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #F2F5F9 !important;
    box-shadow: 0 0 0 1px #E6ECF4 inset !important;
    display: block !important;
}
.fl_tb .fl_g .fl_icn_g img,
.fl_tb .fl_g .fl_icn img {
    width: 52px !important;
    height: 52px !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: 0 !important;
    transition: transform .25s ease !important;
}
.fl_tb .fl_g:hover .fl_icn_g img,
.fl_tb .fl_g:hover .fl_icn img { transform: scale(1.08) !important; }

/* ---------- 5. 文字区 ---------- */
.fl_tb .fl_g dl {
    overflow: hidden !important;       /* BFC：环绕浮动图标后自动避让 */
    margin: 0 !important;
    padding: 0 !important;
    min-height: 52px !important;
}
.fl_tb .fl_g dt {
    margin: 0 0 5px !important;
    padding: 0 !important;
    line-height: 1.35 !important;
}
.fl_tb .fl_g dt a {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1B2B3A !important;
    text-decoration: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    transition: color .15s ease !important;
}
.fl_tb .fl_g:hover dt a { color: #0F59A4 !important; }

.fl_tb .fl_g dd {
    margin: 0 0 3px !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    color: #7A8794 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.fl_tb .fl_g dd:first-of-type { color: #5A6B7C !important; font-variant-numeric: tabular-nums; }
.fl_tb .fl_g dd a { color: #93A1B0 !important; text-decoration: none !important; font-size: 12px !important; }
.fl_tb .fl_g dd a:hover { color: #0F59A4 !important; }

/* ---------- 6. 右侧栏 ---------- */
#ct .sd .bm,
#ct .sd .bmw {
    border: 1px solid #E6ECF4 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(16,42,80,.04) !important;
    margin-bottom: 14px !important;
}
#ct .sd .bm_h {
    background: #F7F9FC !important;
    border-bottom: 1px solid #EDF1F6 !important;
    padding: 12px 16px !important;
}
#ct .sd .bm_h h2 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1B2B3A !important;
}
#ct .sd .bm_c { padding: 12px 16px !important; }
#ct .sd .bm_c li,
#ct .sd .bm_c .xl li {
    padding: 7px 0 !important;
    border-bottom: 1px dashed #F0F3F8 !important;
    line-height: 1.5 !important;
}
#ct .sd .bm_c li:last-child,
#ct .sd .bm_c .xl li:last-child { border-bottom: 0 !important; }
#ct .sd .bm_c li a { color: #3D4C5C !important; text-decoration: none !important; font-size: 13px !important; }
#ct .sd .bm_c li a:hover { color: #0F59A4 !important; }

/* ---------- 7. 分页 ---------- */
.pgs.cl, .pg {
    margin: 4px 0 0 !important;
    padding: 16px !important;
    border-top: 1px solid #EDF1F6 !important;
    background: #FCFDFE !important;
    border-radius: 0 0 12px 12px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
}
.pg a, .pg strong, .pg label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    height: 32px !important;
    line-height: 1 !important;
    padding: 0 10px !important;
    border: 1px solid #DCE3EC !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #4A5A6A !important;
    font-size: 13px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: all .15s ease !important;
}
.pg a:hover {
    border-color: #0F59A4 !important;
    color: #0F59A4 !important;
    background: #F0F6FF !important;
    transform: translateY(-1px) !important;
}
.pg strong {
    background: linear-gradient(160deg, #0F59A4, #1A6DBE) !important;
    border-color: #0F59A4 !important;
    color: #fff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 6px rgba(10,79,158,.25) !important;
}
.pg input {
    height: 32px !important;
    border: 1px solid #DCE3EC !important;
    border-radius: 8px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

/* ---------- 8. 响应式 ---------- */
@media (max-width: 900px) {
    .fl_tb { border-spacing: 6px !important; padding: 10px !important; }
    .fl_tb .fl_g { padding: 12px !important; }
    .bm.fl select.ps { width: auto !important; }
}
/* =============================================================================
   梦马论坛 · 圈子内页（forum.php?mod=group&fid=N）视觉设计
   目标模板：template/default/group/group.php（include group_index/group_list/group_memberlist）
   结构要点：
     #ct > .mn(主) + .sd(侧栏)
     .mn: #gh(圈子信息) + .tl.bm.bml(帖子表) + .bm(成员动态)
     .tl: .th(表头 table) + .bm_c(tbody rows: td.icn + th + td.by + td.num + td.by)
     .sd: 统计块(27帖子/363成员) + .ml.mls.cl(成员头像网格) + 圈子地址
   风格：与 group.php?gid=N 列表页一致（品牌蓝 #0F59A4 / 圆角 12px / 卡片化）
   ============================================================================= */

/* ---------- 1. 圈子信息头（#gh 区）---------- */
#gh .bm.bmw.bw0,
.mn > .bm.bmw.bw0 {
    border: 1px solid #E6ECF4 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(16,42,80,.04) !important;
    margin-bottom: 14px !important;
    background: #fff !important;
}
#gh .bm_h.bw0.cl,
.mn > .bm.bmw.bw0 .bm_h {
    background: linear-gradient(160deg, #0F59A4, #1A6DBE) !important;
    border: 0 !important;
    padding: 16px 20px !important;
    border-radius: 0 !important;
}
#gh .bm_h.bw0.cl h1.xs2,
.mn > .bm.bmw.bw0 .bm_h h1 {
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
.mn > .bm.bmw.bw0 .bm_c {
    padding: 16px 20px !important;
    font-size: 13px !important;
    color: #5A6B7C !important;
    line-height: 1.8 !important;
}
.mn > .bm.bmw.bw0 .bm_c .pbn { color: #7A8794 !important; margin-bottom: 8px !important; }
.mn > .bm.bmw.bw0 .bm_c a.xi2 { color: #0F59A4 !important; }
.mn > .bm.bmw.bw0 .bm_c .pipe { color: #DCE3EC !important; }
/* 收藏 / RSS 图标按钮 */
.fa_fav, .fa_rss, .fa_ivt {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 10px !important;
    border: 1px solid #DCE3EC !important;
    border-radius: 7px !important;
    background: #FBFCFE !important;
    color: #4A5A6A !important;
    font-size: 12px !important;
    text-decoration: none !important;
    line-height: 1.6 !important;
    transition: all .15s ease !important;
}
.fa_fav:hover, .fa_rss:hover, .fa_ivt:hover {
    border-color: #0F59A4 !important;
    color: #0F59A4 !important;
    background: #F0F6FF !important;
}
/* 加入圈子按钮 */
.mn > .bm.bmw.bw0 .bm_c button.pn,
.mn > .bm.bmw.bw0 .bm_c .pn {
    display: inline-block !important;
    padding: 8px 22px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: linear-gradient(160deg, #0F59A4, #1A6DBE) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(10,79,158,.22) !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
    line-height: 1.5 !important;
}
.mn > .bm.bmw.bw0 .bm_c button.pn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(10,79,158,.32) !important;
}
.mn > .bm.bmw.bw0 .bm_c button.pn em { color: #fff !important; font-style: normal !important; }

/* ---------- 2. 圈子导航标签（首页 / 讨论区 / 成员列表）---------- */
#ct .mn > .bm > ul,
#ct .mn .bm_h + ul.pn {
    border-bottom: 1px solid #EDF1F6 !important;
}
#ct .mn .bm_h.cl { border-bottom: 0 !important; }

/* 通用：主区卡片化（不含已单独处理的） */
.mn > .bm.bml,
.mn > .bm.bm {
    border: 1px solid #E6ECF4 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(16,42,80,.04) !important;
    margin-bottom: 14px !important;
    background: #fff !important;
}
.mn > .bm .bm_h.cl {
    background: #F7F9FC !important;
    border-bottom: 1px solid #EDF1F6 !important;
    padding: 12px 16px !important;
}
.mn > .bm .bm_h.cl h2 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1B2B3A !important;
    margin: 0 !important;
}

/* ---------- 3. 帖子列表（.tl）---------- */
.tl.bm.bml { padding: 0 !important; }
.tl.bm.bml .th {
    background: #F7F9FC !important;
    border-bottom: 1px solid #EDF1F6 !important;
}
.tl.bm.bml .th table { width: 100% !important; }
.tl.bm.bml .th th {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #6B7A8A !important;
    padding: 11px 10px !important;
    text-align: left !important;
}
.tl.bm.bml .th td.icn { width: 36px !important; }
.tl.bm.bml .th td.by {
    width: 170px !important;
    font-size: 12px !important;
    color: #8593A2 !important;
    padding: 11px 10px !important;
    white-space: nowrap !important;
}
.tl.bm.bml .th td.num {
    width: 96px !important;
    font-size: 12px !important;
    color: #8593A2 !important;
    padding: 11px 10px !important;
    white-space: nowrap !important;
}
/* 表头文字不换行 */
.tl.bm.bml .th th { white-space: nowrap !important; }

/* 行 */
.tl.bm.bml .bm_c { padding: 0 !important; }
.tl.bm.bml .bm_c table { width: 100% !important; border-collapse: collapse !important; }
.tl.bm.bml tbody tr {
    border-bottom: 1px solid #F2F5F9 !important;
    transition: background .15s ease !important;
}
.tl.bm.bml tbody tr:hover { background: #F7FAFF !important; }
.tl.bm.bml tbody tr:last-child { border-bottom: 0 !important; }

.tl.bm.bml tbody td.icn {
    width: 36px !important;
    padding: 12px 4px 12px 14px !important;
    vertical-align: middle !important;
    text-align: center !important;
}
.tl.bm.bml tbody th {
    text-align: left !important;
    padding: 12px 10px !important;
    vertical-align: middle !important;
    font-weight: 400 !important;
}
/* 帖子标题 */
.tl.bm.bml tbody th .xst,
.tl.bm.bml tbody th a.xst {
    font-size: 14px !important;
    color: #23384B !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    transition: color .15s ease !important;
}
.tl.bm.bml tbody tr:hover th .xst { color: #0F59A4 !important; }

.tl.bm.bml tbody td.by {
    width: 170px !important;
    padding: 10px !important;
    vertical-align: middle !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}
.tl.bm.bml tbody td.by cite,
.tl.bm.bml tbody td.by em { display: block !important; font-style: normal !important; }
.tl.bm.bml tbody td.by cite a { color: #5A6B7C !important; text-decoration: none !important; }
.tl.bm.bml tbody td.by cite a:hover { color: #0F59A4 !important; }
.tl.bm.bml tbody td.by em,
.tl.bm.bml tbody td.by em a { color: #9AA7B5 !important; text-decoration: none !important; }
.tl.bm.bml tbody td.by em a:hover { color: #0F59A4 !important; }

.tl.bm.bml tbody td.num {
    width: 96px !important;
    padding: 10px !important;
    vertical-align: middle !important;
    text-align: left !important;
    font-size: 12px !important;
    color: #9AA7B5 !important;
    line-height: 1.6 !important;
}
.tl.bm.bml tbody td.num a {
    display: inline-block !important;
    min-width: 20px !important;
    padding: 1px 7px !important;
    border-radius: 6px !important;
    background: #F2F5F9 !important;
    color: #5A6B7C !important;
    font-size: 12px !important;
    text-decoration: none !important;
    font-variant-numeric: tabular-nums !important;
}
.tl.bm.bml tbody td.num a:hover { background: #EAF3FF !important; color: #0F59A4 !important; }
.tl.bm.bml tbody td.num em { font-style: normal !important; }

/* 帖子类型图标（i.fico-*）→ 圆角底色块 */
.tl.bm.bml .fico-thread,
.tl.bm.bml .fic6 {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    border-radius: 6px !important;
    background: #EAF1FA !important;
    position: relative !important;
    vertical-align: middle !important;
}

/* 表尾链接（点击查看更多话题） */
.tl.bm.bml tbody tr.bw0_all td {
    padding: 12px 16px !important;
    background: #FCFDFE !important;
    border-top: 1px solid #F2F5F9 !important;
}
.tl.bm.bml tbody tr.bw0_all a { color: #0F59A4 !important; font-size: 13px !important; text-decoration: none !important; }
.tl.bm.bml tbody tr.bw0_all a:hover { text-decoration: underline !important; }

/* ---------- 4. 发帖 / 查看所有主题 按钮条 ---------- */
#ct .mn .pgs.cl,
#ct .mn #pgt {
    padding: 0 0 12px !important;
    border: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}
#ct .mn .pgsbtn,
#ct .mn #newspecial {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 20px !important;
    border-radius: 8px !important;
    background: linear-gradient(160deg, #0F59A4, #1A6DBE) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(10,79,158,.22) !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
    border: 0 !important;
}
#ct .mn .pgsbtn:hover,
#ct .mn #newspecial:hover {
    color: #fff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(10,79,158,.32) !important;
}
#ct .mn #pgt .nxt {
    color: #0F59A4 !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

/* ---------- 5. 侧栏：统计块（帖子/成员/排名）---------- */
.sd .bm_c .xs1,
.sd .bm_c > div:first-child {
    /* 统计数字行 */
}
/* 统计块：用 flex 排三列 */
#ct .sd .bm_c {
    padding: 14px 16px !important;
}
/* 统计数字 */
#ct .sd .bm_c strong,
#ct .sd .bm_c .xi1 {
    color: #0F59A4 !important;
    font-variant-numeric: tabular-nums !important;
}

/* ---------- 6. 侧栏：成员头像网格（.ml.mls.cl）---------- */
.ml.mls.cl {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: auto !important;
}
.ml.mls.cl li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    float: none !important;
    width: auto !important;
    padding: 2px 0 !important;
    margin: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
.ml.mls.cl li a.avt {
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #F2F5F9 !important;
    box-shadow: 0 0 0 1px #E6ECF4 inset !important;
    margin: 0 auto 5px !important;
    transition: box-shadow .15s ease, transform .15s ease !important;
}
.ml.mls.cl li a.avt img {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
}
.ml.mls.cl li:hover a.avt {
    box-shadow: 0 0 0 2px #0F59A4 !important;
    transform: translateY(-1px) !important;
}
.ml.mls.cl li p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    width: 100% !important;
}
.ml.mls.cl li p a {
    display: block !important;
    font-size: 11px !important;
    color: #6B7A8A !important;
    text-decoration: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    transition: color .15s ease !important;
}
.ml.mls.cl li p a:hover { color: #0F59A4 !important; }

/* ---------- 6b. 成员列表页（#ct .mn 主区）：一行约 10 个，按宽度自适应 ----------
   ⚠ 侧栏成员网格位于 #ct .sd，仍沿用上面的 3 列规则，不受本段影响（作用域隔离）。 */
#ct .mn .ml.mls.cl {
    grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)) !important;
    gap: 10px 6px !important;
}
#ct .mn .ml.mls.cl li { padding: 3px 0 !important; }
#ct .mn .ml.mls.cl li a.avt {
    width: 40px !important;
    height: 40px !important;
    margin: 0 auto 4px !important;
}
#ct .mn .ml.mls.cl li a.avt img {
    width: 40px !important;
    height: 40px !important;
}
#ct .mn .ml.mls.cl li p { line-height: 1.3 !important; }
#ct .mn .ml.mls.cl li p a { font-size: 12px !important; }

/* 窄屏自动降列（auto-fill 自适应，同步缩小 minmax 与头像） */
@media (max-width: 960px) {
    #ct .mn .ml.mls.cl { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)) !important; }
}
@media (max-width: 768px) {
    #ct .mn .ml.mls.cl { grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)) !important; gap: 8px 5px !important; }
    #ct .mn .ml.mls.cl li a.avt,
    #ct .mn .ml.mls.cl li a.avt img { width: 36px !important; height: 36px !important; }
}
@media (max-width: 560px) {
    #ct .mn .ml.mls.cl { grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)) !important; }
    #ct .mn .ml.mls.cl li p a { font-size: 11px !important; }
}

/* 成员区标签（新加入 / 活跃成员）*/
.ml_tab, .bm_h ul li a,
#ct .sd ul.ml_tab li a {
    font-size: 13px !important;
}

/* ---------- 7. 侧栏：圈子地址 ---------- */
#ct .sd .bm_c .xjs,
#ct .sd .bm_c p {
    font-size: 12px !important;
    color: #7A8794 !important;
    line-height: 1.7 !important;
    word-break: break-all !important;
}
#ct .sd .bm_c input {
    height: 30px !important;
    border: 1px solid #DCE3EC !important;
    border-radius: 7px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    background: #FBFCFE !important;
    color: #5A6B7C !important;
    font-size: 12px !important;
}

/* ---------- 8. 空状态（成员动态：本圈子没有最新动态）---------- */
.mn .bm_c .emp,
.mn .emp {
    padding: 40px 20px !important;
    text-align: center !important;
    color: #9AA7B5 !important;
    font-size: 13px !important;
}

/* ---------- 9. 响应式 ---------- */
@media (max-width: 960px) {
    .ml.mls.cl { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 760px) {
    #ct .mn .pgs.cl, #ct .mn #pgt { flex-direction: column !important; align-items: stretch !important; }
    .tl.bm.bml tbody td.by { display: none !important; }
    .tl.bm.bml .th td.by { display: none !important; }
    .ml.mls.cl { grid-template-columns: repeat(4, 1fr) !important; }
    .mn > .bm.bmw.bw0 .bm_c { padding: 14px !important; }
}

/* ===== 列宽优化补充：用户名/时间不换行 ===== */
.tl.bm.bml tbody td.by cite,
.tl.bm.bml tbody td.by em {
    max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.tl.bm.bml tbody td.by cite a,
.tl.bm.bml tbody td.by em a {
    white-space: nowrap !important;
}
/* 回复/查看数字同行排列 */
.tl.bm.bml tbody td.num a,
.tl.bm.bml tbody td.num em {
    display: inline-block !important;
    vertical-align: middle !important;
}