/* =============================================================================
   ui-fix.css v2 - 最终UI覆盖层
   优化间距、层次感、列表页样式
   ========================================================================== */

/* === 全局 === */
html, body { overflow-x: hidden !important; max-width: 100vw !important; }
* { box-sizing: border-box; }

/* === 容器 === */
.m {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
}

/* === 区块间距 === */
.b10 { height: 16px !important; clear: both !important; }
.b15, .b20 { height: 16px !important; clear: both !important; }

/* === 首页三栏布局 === */
.im0 {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    padding: 14px 0 !important;
    align-items: flex-start !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}
.im0l {
    width: 200px !important;
    flex: 0 0 200px !important;
    order: 1 !important;
    float: none !important;
    height: auto !important;
    min-height: 420px;
    flex-shrink: 0 !important;
    background: #FFFFFF !important;
    border-radius: 8px !important;
    border: 1px solid #EAEAEA !important;
    padding: 8px 0 !important;
}
.im0m {
    width: auto !important;
    flex: 1 !important;
    order: 2 !important;
    float: none !important;
    margin: 0 !important;
    height: auto !important;
    min-width: 0 !important;
}
.im0r {
    width: 240px !important;
    flex: 0 0 240px !important;
    order: 3 !important;
    float: none !important;
    height: auto !important;
    flex-shrink: 0 !important;
    padding: 14px !important;
    background: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 8px !important;
}

/* === Banner === */
.im0m .slide, #slide {
    width: 100% !important;
    max-width: 100% !important;
    height: 320px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}
.im0m .slide img, #slide img {
    width: 100% !important;
    height: 320px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* === 小广告区 === */
.im0a {
    width: 100% !important;
    display: flex !important;
    gap: 8px !important;
    margin-top: 12px !important;
    padding: 0 !important;
    height: auto !important;
    overflow: hidden !important;
}
.im0a > div {
    flex: 1 !important;
    width: auto !important;
    height: 100px !important;
    margin: 0 !important;
    float: none !important;
    overflow: hidden !important;
    border-radius: 6px !important;
}
.im0a img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
}

/* === 快捷入口 === */
.im0g {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px !important;
    padding: 0 !important;
    height: auto !important;
    margin-top: 12px !important;
}
.im0g > div, .im0g > a > div {
    width: auto !important;
    height: 52px !important;
    float: none !important;
    text-align: center !important;
    padding: 8px 0 !important;
    background: #F8F8F8 !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    color: #666 !important;
    transition: all 0.2s ease !important;
}
.im0g > div:hover, .im0g > a > div:hover {
    background: #FFF5EB !important;
    color: #FF6600 !important;
}

/* === 资讯Tab === */
.im0t {
    height: auto !important;
    margin-top: 12px !important;
    background: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    overflow: hidden !important;
}
.im0t-list {
    height: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.im0t-list li {
    height: 28px !important;
    line-height: 28px !important;
    overflow: hidden !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

/* === 区块标题 === */
.head-txt {
    padding: 0 16px !important;
    height: 46px !important;
    line-height: 46px !important;
    overflow: hidden !important;
    border-bottom: 2px solid #FF6600 !important;
    margin-bottom: 0 !important;
    clear: both !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #FFFFFF !important;
    border-radius: 8px 8px 0 0 !important;
}
.head-txt strong, .head-txt b {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333 !important;
    position: relative;
    padding-left: 14px;
    line-height: 46px;
}
.head-txt strong::before, .head-txt b::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 18px;
    background: #FF6600;
    border-radius: 2px;
}
.head-txt div, .head-txt span {
    float: none !important;
    font-size: 13px !important;
    color: #999 !important;
}
.head-txt div a, .head-txt span a {
    color: #666 !important;
}
.head-txt div a:hover, .head-txt span a:hover {
    color: #FF6600 !important;
}

/* === 产品展示区 === */
.im-b {
    display: flex !important;
    gap: 14px !important;
    padding: 14px !important;
    background: #FFFFFF !important;
    border-radius: 0 0 8px 8px !important;
    overflow: hidden !important;
}
.im-l {
    width: 120px !important;
    flex: 0 0 120px !important;
    float: none !important;
    height: auto !important;
    padding: 0 10px 0 0 !important;
    border-right: 1px solid #F0F0F0 !important;
    overflow: hidden !important;
}
.im-l p {
    margin: 0 0 8px 0 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #FF6600 !important;
}
.im-l ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.im-l li {
    width: auto !important;
    padding: 0 !important;
    float: none !important;
    height: 28px !important;
    line-height: 28px !important;
    font-size: 12px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
.im-l li a {
    color: #666 !important;
    font-size: 12px !important;
}
.im-l li a:hover {
    color: #FF6600 !important;
}

/* 右侧产品网格 */
.im-r {
    width: auto !important;
    flex: 1 !important;
    float: none !important;
    min-width: 0 !important;
}
.im-r-img {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
}

/* === 产品卡片 === */
.im-r-img > div,
.product-card {
    width: auto !important;
    height: auto !important;
    border: 1px solid #EAEAEA !important;
    margin: 0 !important;
    padding: 12px !important;
    float: none !important;
    background: #FFFFFF !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.im-r-img > div:hover,
.product-card:hover {
    border-color: #FF6600 !important;
    box-shadow: 0 4px 16px rgba(255,102,0,0.12) !important;
    transform: translateY(-2px) !important;
}

/* 产品图片 */
.product-card a {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 6px !important;
}
.product-card a img {
    width: 100% !important;
    height: 160px !important;
    max-width: 100% !important;
    max-height: 160px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}
.product-card:hover a img {
    transform: scale(1.05) !important;
}

/* 产品价格 */
.product-card b {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: auto !important;
    line-height: 1.5 !important;
    color: #E4393C !important;
    font-size: 15px !important;
    font-weight: bold !important;
    margin: 10px 0 4px !important;
}
.product-card b s {
    font-size: 12px !important;
    text-decoration: none !important;
    color: #999 !important;
}
.product-card b em {
    float: none !important;
    font-size: 12px !important;
    color: #999 !important;
    font-weight: normal !important;
    font-style: normal !important;
}
.product-card b span {
    color: #999 !important;
    font-weight: normal !important;
    font-size: 14px !important;
}

/* 产品标题 */
.product-card p {
    height: 38px !important;
    line-height: 19px !important;
    margin: 4px 0 0 0 !important;
    overflow: hidden !important;
    font-size: 13px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.product-card p a {
    color: #333 !important;
    font-size: 13px !important;
    text-decoration: none !important;
}
.product-card p a:hover {
    color: #FF6600 !important;
}

/* === 资讯三列区 === */
.in-b {
    display: grid !important;
    grid-template-columns: 240px 1fr 240px !important;
    gap: 16px !important;
    padding: 16px !important;
    background: #FFFFFF !important;
    border-radius: 0 0 8px 8px !important;
    overflow: hidden !important;
}
.in-l { width: auto !important; float: none !important; }
.in-l > div {
    background: #F8F8F8 !important;
    padding: 10px !important;
    margin: 0 0 10px 0 !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}
.in-l > div:last-child { margin-bottom: 0 !important; }
.in-l > div:hover { background: #FFF5EB !important; }
.in-l > div p {
    height: 36px !important;
    line-height: 18px !important;
    overflow: hidden !important;
    font-size: 13px !important;
    margin: 6px 0 0 0 !important;
}
.in-l > div p a { color: #333 !important; font-size: 13px !important; }
.in-l img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
}
.in-m { width: auto !important; float: none !important; margin: 0 !important; }
.in-m li, .list-txt li {
    height: 32px !important;
    line-height: 32px !important;
    overflow: hidden !important;
    font-size: 13px !important;
    border-bottom: 1px dashed #F0F0F0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
.in-m li:last-child, .list-txt li:last-child { border-bottom: none !important; }
.in-m li a, .list-txt li a {
    color: #666 !important;
    font-size: 13px !important;
    flex: 1 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    padding-right: 8px !important;
}
.in-m li a:hover, .list-txt li a:hover { color: #FF6600 !important; }
.in-m li .f_r, .list-txt li .f_r {
    padding-left: 8px !important;
    color: #999 !important;
    font-size: 12px !important;
    flex-shrink: 0 !important;
}
.in-r { width: auto !important; float: none !important; }

/* === 企业服务 === */
.ic-b {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 16px !important;
    padding: 16px !important;
    background: #FFFFFF !important;
    border-radius: 0 0 8px 8px !important;
}
.ic-l, .ic-m, .ic-r { width: auto !important; float: none !important; }

/* === 列表页 === */
.m2 {
    display: grid !important;
    grid-template-columns: 1fr 240px !important;
    gap: 14px !important;
    padding: 14px 0 !important;
}
.m2l { width: auto !important; float: none !important; min-width: 0 !important; }
.m2r { width: auto !important; float: none !important; }

/* 列表页产品网格 */
.m2l .im-r-img,
.catlist .im-r-img {
    grid-template-columns: repeat(4, 1fr) !important;
}

/* === 通用列表 === */
.list-txt { padding: 8px 0 !important; background: #FFFFFF !important; }
.list-txt ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }

/* === 友情链接 === */
.ilink {
    padding: 12px 16px !important;
    background: #FFFFFF !important;
    border-radius: 0 0 8px 8px !important;
}
.ilink ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
.ilink li { float: none !important; font-size: 13px !important; }

/* === 底部 === */
.foot_page {
    padding: 12px 16px !important;
    text-align: center !important;
    background: #FFFFFF !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    margin-top: 16px !important;
}
.foot_page a { color: #666 !important; margin: 0 4px !important; }
.foot {
    padding: 12px 16px !important;
    text-align: center !important;
    font-size: 13px !important;
    color: #999 !important;
}

/* === Tab 标签 === */
.tab-head ul, .ian-h ul {
    display: flex !important;
    gap: 0 !important;
    border-bottom: 1px solid #EAEAEA !important;
    height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
}
.tab-head li, .ian-h li {
    border: none !important;
    border-bottom: 2px solid transparent !important;
    display: inline-block !important;
    height: 38px !important;
    line-height: 38px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    float: none !important;
    font-size: 14px !important;
    color: #666 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.ian-h li { padding: 0 10px !important; font-size: 13px !important; }
.tab-head .on, .ian-h .on {
    border-bottom: 2px solid #FF6600 !important;
    color: #FF6600 !important;
    font-weight: bold !important;
}

/* === 返回顶部 === */
.back2top {
    position: fixed !important;
    right: 20px !important;
    bottom: 80px !important;
    z-index: 999 !important;
}
.back2top a {
    display: block !important;
    width: 42px !important;
    height: 42px !important;
    background: #FF6600 !important;
    border-radius: 50% !important;
    text-align: center !important;
    line-height: 42px !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    box-shadow: 0 2px 12px rgba(255,102,0,0.3) !important;
}

/* === 修复内联样式覆盖 === */
.product-card img[style*="max-width"],
.im-r-img img[style*="max-width"] {
    max-width: 100% !important;
    width: 100% !important;
    height: 160px !important;
    object-fit: cover !important;
}

/* === 清除浮动 === */
.im0::after, .im-b::after, .in-b::after, .ic-b::after, .m2::after {
    content: '';
    display: table;
    clear: both;
}

/* =============================================================================
   响应式 - 平板 (768px - 1023px)
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1023px) {
    .im0 { flex-wrap: wrap !important; }
    .im0l { display: none !important; }
    .im0m { flex: 1 1 100% !important; order: 1 !important; }
    .im0r { flex: 0 0 220px !important; order: 2 !important; }
    .im-r-img { grid-template-columns: repeat(3, 1fr) !important; }
    .m2l .im-r-img, .catlist .im-r-img { grid-template-columns: repeat(3, 1fr) !important; }
    .in-b { grid-template-columns: 1fr 1fr !important; }
    .in-r { display: none !important; }
    .ic-b { grid-template-columns: 1fr 1fr !important; }
    .m2 { grid-template-columns: 1fr !important; }
    .m2r { display: none !important; }
}

/* =============================================================================
   响应式 - 手机 (≤767px)
   ========================================================================== */
@media (max-width: 767px) {
    .m { padding: 0 10px !important; }

    /* 三栏→单列 */
    .im0 { flex-direction: column !important; gap: 10px !important; padding: 8px 0 !important; }
    .im0l { display: none !important; }
    .im0m { flex: 1 1 100% !important; order: 1 !important; width: 100% !important; }
    .im0r { flex: 1 1 100% !important; order: 2 !important; width: 100% !important; }

    .im0m .slide, .im0m .slide img, #slide, #slide img { height: 180px !important; }

    .im0a { flex-wrap: wrap !important; }
    .im0a > div { flex: 1 1 calc(50% - 4px) !important; height: 80px !important; }
    .im0a img { height: 80px !important; }

    /* 产品区 */
    .im-b { flex-direction: column !important; gap: 10px !important; padding: 10px !important; }
    .im-l {
        width: 100% !important; flex: 1 1 100% !important;
        border-right: none !important;
        border-bottom: 1px solid #F0F0F0 !important;
        padding: 0 0 10px 0 !important;
    }
    .im-l ul { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
    .im-l li {
        display: inline-block !important; padding: 0 10px !important;
        background: #F5F5F5 !important; border-radius: 4px !important;
    }
    .im-r { flex: 1 1 100% !important; }
    .im-r-img { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
    .m2l .im-r-img, .catlist .im-r-img { grid-template-columns: repeat(2, 1fr) !important; }
    .product-card a img { height: 120px !important; max-height: 120px !important; }
    .product-card { padding: 8px !important; }

    /* 资讯区 */
    .in-b { grid-template-columns: 1fr !important; gap: 12px !important; padding: 10px !important; }
    .in-l { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
    .in-l > div { margin: 0 !important; }
    .in-l img { height: 80px !important; }
    .in-r { display: none !important; }

    /* 企业服务 */
    .ic-b { grid-template-columns: 1fr !important; gap: 12px !important; padding: 10px !important; }

    /* 列表页 */
    .m2 { grid-template-columns: 1fr !important; }
    .m2r { display: none !important; }

    /* 标题 */
    .head-txt { height: 40px !important; line-height: 40px !important; padding: 0 10px !important; }
    .head-txt strong, .head-txt b { font-size: 14px !important; line-height: 40px !important; }
    .head-txt div, .head-txt span { font-size: 12px !important; }

    /* 搜索栏 */
    .b2b-header-main { flex-wrap: wrap !important; gap: 8px !important; }
    .b2b-search-wrap { flex: 1 1 100% !important; order: 3 !important; }

    /* 顶部栏 */
    .b2b-topbar-inner { flex-wrap: wrap !important; gap: 4px !important; }
    .b2b-topbar-left, .b2b-topbar-right { flex: 1 1 100% !important; text-align: center !important; }

    .ilink li { font-size: 12px !important; }
    .back2top { right: 10px !important; bottom: 60px !important; }
    .back2top a { width: 36px !important; height: 36px !important; line-height: 36px !important; }
}

/* === 大屏 === */
@media (min-width: 1280px) {
    .m, .im0 { max-width: 1400px !important; }
    .im-r-img { grid-template-columns: repeat(5, 1fr) !important; }
    .m2l .im-r-img, .catlist .im-r-img { grid-template-columns: repeat(5, 1fr) !important; }
}

/* =============================================================================
   列表页样式 - list-img, list-cate, list-area
   ========================================================================== */

/* === 供应列表产品网格 .list-img === */
.list-img {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
    padding: 16px !important;
    background: #FFFFFF !important;
    border-radius: 0 0 8px 8px !important;
    overflow: hidden !important;
}
.list-img > div {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px !important;
    float: none !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.list-img > div:hover {
    border-color: #FF6600 !important;
    box-shadow: 0 4px 16px rgba(255,102,0,0.12) !important;
    transform: translateY(-2px) !important;
}

/* 列表页产品图片 - 覆盖内联width/height */
.list-img img {
    width: 100% !important;
    height: 160px !important;
    max-width: 100% !important;
    max-height: 160px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}
.list-img > div:hover img {
    transform: scale(1.05) !important;
}

/* 列表页产品标题 */
.list-img ul {
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.list-img li {
    width: auto !important;
    height: auto !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    margin: 4px 0 !important;
    float: none !important;
    overflow: hidden !important;
    font-size: 13px !important;
}
.list-img li a {
    color: #333 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    display: block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
.list-img li a:hover {
    color: #FF6600 !important;
}

/* === 分类筛选 .list-cate === */
.list-cate {
    background: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
}
.list-cate > div, .list-cate > dl {
    margin: 0 0 8px 0 !important;
    padding: 6px 0 !important;
    border-bottom: 1px solid #F5F5F5 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
}
.list-cate > div:last-child, .list-cate > dl:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}
.list-cate dt, .list-cate strong {
    width: 70px !important;
    flex-shrink: 0 !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    line-height: 28px !important;
}
.list-cate dd, .list-cate a {
    float: none !important;
    display: inline-block !important;
    padding: 2px 10px !important;
    margin: 2px !important;
    font-size: 13px !important;
    color: #666 !important;
    line-height: 24px !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}
.list-cate a:hover {
    background: #FFF5EB !important;
    color: #FF6600 !important;
}
.list-cate .on, .list-cate .active {
    background: #FF6600 !important;
    color: #FFFFFF !important;
}

/* === 排序筛选栏 === */
.list-area {
    background: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    margin-bottom: 14px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    overflow: hidden !important;
}
.list-area .sort, .list-area span {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 4px 12px !important;
    font-size: 13px !important;
    color: #666 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.list-area .sort:hover, .list-area span:hover {
    background: #F5F5F5 !important;
    color: #FF6600 !important;
}
.list-area .on, .list-area .active {
    background: #FF6600 !important;
    color: #FFFFFF !important;
}

/* === 列表页右侧栏 === */
.list-rank {
    background: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-bottom: 14px !important;
}
.list-rank li {
    height: 30px !important;
    line-height: 30px !important;
    overflow: hidden !important;
    font-size: 13px !important;
    border-bottom: 1px dashed #F0F0F0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.list-rank li:last-child { border-bottom: none !important; }
.list-rank li i, .list-rank li b {
    flex-shrink: 0 !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    text-align: center !important;
    font-size: 12px !important;
    font-style: normal !important;
    background: #F5F5F5 !important;
    border-radius: 4px !important;
    color: #999 !important;
}
.list-rank li:nth-child(1) i,
.list-rank li:nth-child(1) b {
    background: #FF6600 !important;
    color: #FFFFFF !important;
}
.list-rank li:nth-child(2) i,
.list-rank li:nth-child(2) b {
    background: #FF8533 !important;
    color: #FFFFFF !important;
}
.list-rank li:nth-child(3) i,
.list-rank li:nth-child(3) b {
    background: #FFAA66 !important;
    color: #FFFFFF !important;
}
.list-rank li a {
    color: #666 !important;
    font-size: 13px !important;
    flex: 1 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
.list-rank li a:hover { color: #FF6600 !important; }

/* === 分页 === */
.pages {
    text-align: center !important;
    padding: 16px 0 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 4px !important;
}
.pages a, .pages span {
    float: none !important;
    display: inline-block !important;
    min-width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    font-size: 13px !important;
    color: #666 !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.pages a:hover {
    border-color: #FF6600 !important;
    color: #FF6600 !important;
}
.pages .on, .pages .active, .pages .current {
    background: #FF6600 !important;
    color: #FFFFFF !important;
    border-color: #FF6600 !important;
}

/* === 列表页响应式 === */
@media (min-width: 768px) and (max-width: 1023px) {
    .list-img { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 767px) {
    .list-img { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; padding: 10px !important; }
    .list-img > div { padding: 8px !important; }
    .list-img img { height: 120px !important; max-height: 120px !important; }
    .list-cate { padding: 8px 10px !important; }
    .list-cate dt, .list-cate strong { width: 60px !important; }
    .list-area { padding: 8px 10px !important; }
    .pages a, .pages span { min-width: 28px !important; height: 28px !important; line-height: 28px !important; }
}
@media (min-width: 1280px) {
    .list-img { grid-template-columns: repeat(5, 1fr) !important; }
}