@charset "utf-8";
/* ===========================================================================
   暖通资讯 · 聚合页 / 枢纽页样式   v1.2
   文件位置：/website/cus/css/agg.css            （新增文件）
   挂载方式：BNY/library/platform/cus/view/body.html 里加一行 link，
            并用 {if(nonull($$agg))} 限定只在这三类页面加载，不拖累全站。
   作用范围：① .agg-head / .agg-stats / .agg-list / .agg-pager / .agg-block
                —— 暖通课堂(155)、行业资讯(154) 聚合页主体
             ② .agg-sub  —— 暖通资讯枢纽页(/114.html) 的两个子栏目入口卡
             ③ .hotbox / .side-cta —— 左侧栏「热门文章」与咨询入口
                （由 view/sider.html 输出，仅在控制器传了 $hot 时渲染）
   ---------------------------------------------------------------------------
   v1.1 变更（2026-10-08）：新增 .agg-sub（枢纽页子栏目卡），桌面左右两栏、
        移动上下两栏；不涉及 v1.0 已有选择器，聚合页视觉不变。
   v1.2 变更（2026-10-09）：侧栏还原为已审核设计稿的样式——
        标题深色条 #262626 + 「按点击量」，列表加浅灰外框，
        点击量加千分位；并补上设计稿里被漏掉的 .side-cta 咨询入口。
        只动第 6 节与移动端对应几条，其余选择器不变。
   ---------------------------------------------------------------------------
   尺寸基准：沿用站点既有 rem 体系（与 style.css / article.css 一致）
     桌面（>1023px）1rem = 视口宽 / 19.2     1920px 下 1rem = 100px
     移动（<=1023px）1rem = 视口宽 / 7.5      375px 下 1rem = 50px
   取色与 style.css / article.css 对齐：
     品牌红 #d40003 · 正文 #1a1a1a · 次要 #888888 · 弱化 #b0b0b0 · 分隔线 #e6e6e6
   ---------------------------------------------------------------------------
   两列容器 .agg-cols：
     桌面沿用站点既有的 float 布局（.left_meun_ly 左浮 + .right_Xenter 右浮）；
     移动端改为纵向 flex，并用 order 把内容区提到最前、侧边栏排到列表下方。
     站内没有任何 CSS 依赖 .w14rem 的直接子元素结构，所以加这层包装是安全的。
   =========================================================================== */

/* ---------- 0. 两列容器 ---------- */
.agg-cols::after { display: block; content: "\20"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

/* 锚点定位：左侧菜单所有链接都带 #cont，这里留出视觉余量 */
#cont { scroll-margin-top: 0.30rem; }

/* ===========================================================================
   1. 栏目头部：H1 + 英文副标 + 导语 + 数据条
   =========================================================================== */
.agg-head { padding: 0.10rem 0 0.26rem; border-bottom: 1px solid #e6e6e6; }

.agg-h1 {
    display: block;
    font-size: 0.36rem;
    line-height: 0.50rem;
    font-weight: bold;
    color: #1a1a1a;
    margin: 0;
    padding-left: 0.20rem;
    border-left: 0.08rem solid #d40003;
}

.agg-en {
    margin: 0.08rem 0 0 0.28rem;
    font-size: 0.13rem;
    line-height: 0.20rem;
    letter-spacing: 0.02rem;
    color: #b0b0b0;
    text-transform: uppercase;
}

.agg-lead { margin: 0.24rem 0 0; }
.agg-lead p {
    margin: 0 0 0.14rem;
    font-size: 0.16rem;
    line-height: 0.28rem;
    color: #555555;
}
.agg-lead p:last-child { margin-bottom: 0; }

.agg-stats {
    display: flex;
    flex-wrap: wrap;
    margin: 0.26rem 0 0;
    padding: 0.18rem 0.20rem;
    list-style: none;
    background: #f7f8f9;
    border-left: 0.04rem solid #d40003;
}
.agg-stats > li {
    margin: 0 0.60rem 0 0;
    padding: 0;
    list-style: none;
}
.agg-stats > li b {
    display: block;
    font-size: 0.24rem;
    line-height: 0.32rem;
    font-weight: bold;
    color: #d40003;
}
.agg-stats > li span {
    display: block;
    margin-top: 0.02rem;
    font-size: 0.13rem;
    line-height: 0.20rem;
    color: #999999;
}

/* ===========================================================================
   1b. 子栏目入口卡（仅暖通资讯枢纽页 /114.html 使用）
   内容区宽 10.7rem，两张卡各 5.2rem，中间自然留出约 0.3rem 间距。
   =========================================================================== */
.agg-sub { margin: 0.30rem 0; }
.agg-sub dl {
    float: left;
    width: 5.20rem;
    margin: 0;
    padding: 0.24rem 0.26rem 0.20rem;
    border: 1px solid #e6e6e6;
    border-top: 0.03rem solid #d40003;
    box-sizing: border-box;
}
.agg-sub dl:last-child { float: right; }
.agg-sub dt {
    font-size: 0.22rem;
    line-height: 0.34rem;
    font-weight: bold;
    color: #1a1a1a;
}
.agg-sub dt i {
    margin-left: 0.10rem;
    font-style: normal;
    font-size: 0.14rem;
    font-weight: normal;
    color: #d40003;
}
.agg-sub dd.desc {
    margin: 0.10rem 0 0;
    font-size: 0.15rem;
    line-height: 0.28rem;
    color: #666666;
}
.agg-sub dd.more { margin: 0.14rem 0 0; }
.agg-sub dd.more a { font-size: 0.15rem; line-height: 0.26rem; color: #d40003; }

/* 卡片内的最新 3 篇 */
.agg-sub dd.mini {
    margin: 0.14rem 0 0;
    padding-top: 0.14rem;
    border-top: 1px dashed #e6e6e6;
}
.agg-sub dd.mini ul { margin: 0; padding: 0; list-style: none; }
.agg-sub dd.mini li {
    margin: 0;
    padding: 0;
    font-size: 0.14rem;
    line-height: 0.26rem;
    list-style: none;
}
.agg-sub dd.mini li a { display: block; color: #666666; }
.agg-sub dd.mini li a:hover { color: #d40003; }
.agg-sub dd.mini li i {
    margin-right: 0.10rem;
    font-style: normal;
    color: #b0b0b0;
    font-family: Arial, sans-serif;
}

/* ===========================================================================
   2. 分面标签（按主题 / 按阶段，纯展示锚点，不做筛选参数页）
   =========================================================================== */
.agg-facet { padding: 0.22rem 0; border-bottom: 1px solid #e6e6e6; }
.agg-frow { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 0.12rem; }
.agg-frow:last-child { margin-bottom: 0; }
.agg-flabel {
    flex: 0 0 0.80rem;
    font-size: 0.14rem;
    line-height: 0.30rem;
    color: #999999;
}
.agg-tag {
    display: inline-block;
    margin: 0 0.12rem 0.10rem 0;
    padding: 0.04rem 0.14rem;
    font-size: 0.14rem;
    line-height: 0.22rem;
    color: #444444;
    background: #f5f6f7;
    border: 1px solid #e6e6e6;
}
.agg-tag em {
    margin-left: 0.08rem;
    font-style: normal;
    font-size: 0.13rem;
    color: #d40003;
}
.agg-tag.tk0 { border-color: #f0c9c9; }
.agg-tag.tk1 { border-color: #f3d9c2; }
.agg-tag.tk2 { border-color: #c9e0d3; }
.agg-tag.tk3 { border-color: #c9d8ea; }

/* ===========================================================================
   3. 文章列表
   =========================================================================== */
.agg-list { padding-top: 0.10rem; }

.agg-item {
    display: flex;
    align-items: flex-start;
    padding: 0.26rem 0;
    border-bottom: 1px solid #eeeeee;
}

.agg-thumb {
    display: block;
    position: relative;
    flex: 0 0 2.40rem;
    width: 2.40rem;
    height: 1.70rem;
    margin-right: 0.28rem;
    overflow: hidden;
    background: #f2f3f4;
}
.agg-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 无配图：以品牌红细线替代图片位，与有图条目保持视觉重量一致 */
.agg-thumb.no-img {
    flex: 0 0 0.06rem;
    width: 0.06rem;
    height: auto;
    min-height: 1.10rem;
    margin-right: 0.22rem;
    background: #d40003;
}
.agg-thumb.no-img .agg-noimg { display: none; }

.agg-body { flex: 1; min-width: 0; }

/* 列表标题：reset.css 会清掉标题的字重与外边距，这里显式补回 */
.agg-t {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    font-size: 0.21rem;
    line-height: 0.32rem;
    font-weight: bold;
    color: #1a1a1a;
}
.agg-t a { color: inherit; text-decoration: none; }
.agg-t a:hover { color: #d40003; }

.agg-snippet {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0.12rem 0 0;
    font-size: 0.14rem;
    line-height: 0.24rem;
    color: #888888;
}

.agg-meta {
    margin: 0.14rem 0 0;
    font-size: 0.12rem;
    line-height: 0.20rem;
    color: #b0b0b0;
}
.agg-meta > * { margin-right: 0.18rem; }
.agg-topic {
    display: inline-block;
    padding: 0.02rem 0.10rem;
    font-size: 0.12rem;
    color: #d40003;
    border: 1px solid #f0c9c9;
}
.agg-meta time { color: #b0b0b0; }
.agg-visit { color: #c0c0c0; }

/* ===========================================================================
   4. 分页
   =========================================================================== */
.agg-pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0.40rem 0 0.10rem;
    font-size: 0.14rem;
    line-height: 0.30rem;
}
.agg-pager .pg-a,
.agg-pager .pg-n,
.agg-pager .pg-gap,
.agg-pager .pg-info {
    display: inline-block;
    margin: 0 0.05rem 0.10rem;
    padding: 0.04rem 0.14rem;
    color: #555555;
    text-decoration: none;
    border: 1px solid #e0e0e0;
    background: #ffffff;
}
.agg-pager .pg-a:hover,
.agg-pager .pg-n:hover { color: #ffffff; background: #d40003; border-color: #d40003; }
.agg-pager .pg-on {
    color: #ffffff;
    background: #d40003;
    border-color: #d40003;
    font-weight: bold;
}
.agg-pager .pg-off { color: #c8c8c8; border-color: #f0f0f0; background: #fafafa; }
.agg-pager .pg-gap { border: 0; background: transparent; color: #b0b0b0; }
.agg-pager .pg-info { border: 0; background: transparent; color: #999999; }
.agg-pager .pg-form { display: inline-flex; align-items: center; margin: 0 0 0.10rem; }
.agg-pager .pg-in {
    width: 0.60rem;
    height: 0.30rem;
    margin: 0 0.06rem 0 0.05rem;
    padding: 0 0.06rem;
    font-size: 0.14rem;
    color: #333333;
    text-align: center;
    border: 1px solid #e0e0e0;
    background: #ffffff;
}
.agg-pager .pg-go {
    height: 0.30rem;
    padding: 0 0.14rem;
    font-size: 0.14rem;
    color: #555555;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    cursor: pointer;
}
.agg-pager .pg-go:hover { color: #ffffff; background: #d40003; border-color: #d40003; }

/* ===========================================================================
   5. 关于品牌 / 常见问题
   =========================================================================== */
.agg-block { margin-top: 0.30rem; }
.agg-h2 {
    font-size: 0.24rem;
    line-height: 0.36rem;
    font-weight: bold;
    color: #1a1a1a;
    margin: 0.40rem 0 0.20rem;
    padding: 0.02rem 0 0.02rem 0.16rem;
    border-left: 0.06rem solid #d40003;
}
.agg-about p {
    margin: 0 0 0.14rem;
    font-size: 0.15rem;
    line-height: 0.26rem;
    color: #555555;
}
.agg-serv { margin: 0.16rem 0 0; padding: 0; list-style: none; }
.agg-serv > li {
    position: relative;
    margin: 0 0 0.08rem;
    padding-left: 0.20rem;
    font-size: 0.15rem;
    line-height: 0.26rem;
    color: #555555;
}
.agg-serv > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.10rem;
    width: 0.08rem;
    height: 0.08rem;
    background: #d40003;
}

.agg-qa { margin: 0 0 0.20rem; }
.agg-q {
    margin: 0 0 0.08rem;
    font-size: 0.17rem;
    line-height: 0.28rem;
    font-weight: bold;
    color: #1a1a1a;
}
.agg-q::before { content: "Q "; color: #d40003; }
.agg-a {
    margin: 0;
    padding-left: 0.24rem;
    font-size: 0.15rem;
    line-height: 0.26rem;
    color: #666666;
}
.agg-a::before { content: "A "; color: #b0b0b0; }

/* ===========================================================================
   6. 左侧栏：热门文章 Top6 + 咨询入口
      由 view/sider.html 输出；$hot 只在聚合页(155/154)与枢纽页(114)被赋值，
      所以这两个模块不会出现在其它栏目的侧栏里。
      视觉严格对齐已审核的设计稿：
        · 标题为深色条 #262626 + 右侧灰色小字「按点击量」；
        · 列表外套 1px 浅灰边框，与标题条共边成一整块；
        · 序号 01/02/03 用品牌红，其余浅灰；条目之间虚线分隔；
        · 点击量带千分位（number_format，见 sider.html）。
   =========================================================================== */
.hotbox { margin-top: 0.30rem; }
.hotbox .hot-tit {
    display: block;
    margin: 0;
    padding: 0 0.20rem;
    font-size: 0.20rem;
    line-height: 0.56rem;
    font-weight: bold;
    color: #ffffff;
    background: #262626;
}
.hotbox .hot-tit i {
    float: right;
    font-style: normal;
    font-size: 0.12rem;
    font-weight: normal;
    color: #8c8c8c;
    letter-spacing: 0.04em;
}
.hot-list {
    margin: 0;
    padding: 0.08rem 0.18rem 0.16rem;
    list-style: none;
    border: 1px solid #ededed;
    border-top: 0;
}
.hot-list > li {
    position: relative;
    margin: 0;
    padding: 0.16rem 0 0.14rem;
    list-style: none;
    border-bottom: 1px dashed #f0f0f0;
}
.hot-list > li:last-child { border-bottom: 0; }
.hot-list .hot-no {
    position: absolute;
    left: 0;
    top: 0.17rem;
    width: 0.28rem;
    font-size: 0.17rem;
    line-height: 0.24rem;
    font-weight: bold;
    font-style: normal;
    color: #c9c9c9;
    font-family: Arial, sans-serif;
}
.hot-list > li.top .hot-no { color: #d40003; }
.hot-list .hot-list-a {
    display: block;
    margin-left: 0.30rem;
    font-size: 0.15rem;
    line-height: 0.24rem;
    color: #333333;
    text-decoration: none;
}
.hot-list .hot-list-a:hover { color: #d40003; }
.hot-list .hot-v {
    display: block;
    margin: 0.04rem 0 0 0.30rem;
    font-size: 0.12rem;
    line-height: 0.18rem;
    color: #b5b5b5;
}

/* 侧栏咨询入口：文案为事实性服务说明（可服务区域 + 服务内容），
   电话与页头/页脚保持一致，不新增任何营销话术。 */
.side-cta { margin-top: 0.30rem; padding: 0.24rem 0.20rem; background: #d40003; }
.side-cta p { margin: 0; font-size: 0.16rem; line-height: 0.27rem; color: #ffffff; }
.side-cta b {
    display: block;
    margin: 0.06rem 0 0;
    font-size: 0.26rem;
    line-height: 0.36rem;
    font-weight: bold;
    color: #ffffff;
}
.side-cta p + p { margin-top: 0.06rem; font-size: 0.14rem; line-height: 0.24rem; color: #ffd9d9; }

/* ===========================================================================
   移动端（<=1023px）：1rem = 视口宽 / 7.5
   =========================================================================== */
@media screen and (max-width: 1023px) {

    /* 两列改为纵向：内容区在前，侧边栏（栏目菜单 + 热门文章）排到列表下方 */
    .agg-cols { display: flex; flex-direction: column; }
    .agg-cols > .right_Xenter { order: 1; }
    .agg-cols > .left_meun_ly { order: 2; padding: 0.30rem 0.20rem 0; }
    .agg-cols > .left_meun_ly { width: 100%; }

    /* ---- 栏目头部 ---- */
    .agg-head { padding: 0.16rem 0 0.30rem; }
    .agg-h1 {
        font-size: 0.52rem;
        line-height: 0.72rem;
        padding-left: 0.22rem;
        border-left-width: 0.08rem;
    }
    .agg-en { margin: 0.10rem 0 0 0.30rem; font-size: 0.20rem; line-height: 0.30rem; }
    .agg-lead { margin-top: 0.30rem; }
    .agg-lead p { margin-bottom: 0.20rem; font-size: 0.26rem; line-height: 0.44rem; }
    .agg-stats { margin-top: 0.32rem; padding: 0.22rem 0.24rem; }
    .agg-stats > li { margin-right: 0.50rem; }
    .agg-stats > li b { font-size: 0.36rem; line-height: 0.48rem; }
    .agg-stats > li span { font-size: 0.20rem; line-height: 0.30rem; }

    /* ---- 子栏目入口卡：桌面是左右两张，移动改上下两张 ---- */
    .agg-sub { margin: 0.30rem 0; }
    .agg-sub dl {
        float: none;
        width: 100%;
        margin: 0 0 0.26rem;
        padding: 0.28rem 0.26rem 0.24rem;
        border-top-width: 0.06rem;
    }
    .agg-sub dl:last-child { float: none; margin-bottom: 0; }
    .agg-sub dt { font-size: 0.34rem; line-height: 0.50rem; }
    .agg-sub dt i { margin-left: 0.14rem; font-size: 0.24rem; }
    .agg-sub dd.desc { margin-top: 0.14rem; font-size: 0.24rem; line-height: 0.42rem; }
    .agg-sub dd.more { margin-top: 0.18rem; }
    .agg-sub dd.more a { font-size: 0.26rem; line-height: 0.40rem; }
    .agg-sub dd.mini { margin-top: 0.18rem; padding-top: 0.18rem; }
    .agg-sub dd.mini li { font-size: 0.24rem; line-height: 0.42rem; }
    .agg-sub dd.mini li i { margin-right: 0.14rem; }

    /* ---- 分面 ---- */
    .agg-facet { padding: 0.26rem 0; }
    .agg-frow { margin-bottom: 0.16rem; }
    .agg-flabel { flex: 0 0 100%; font-size: 0.22rem; line-height: 0.34rem; margin-bottom: 0.08rem; }
    .agg-tag { margin: 0 0.14rem 0.14rem 0; padding: 0.06rem 0.18rem; font-size: 0.22rem; line-height: 0.34rem; }
    .agg-tag em { font-size: 0.20rem; margin-left: 0.10rem; }

    /* ---- 列表：保持左图右文 ---- */
    .agg-item { padding: 0.34rem 0; }
    .agg-thumb {
        flex: 0 0 2.00rem;
        width: 2.00rem;
        height: 1.42rem;
        margin-right: 0.22rem;
    }
    .agg-thumb.no-img { flex: 0 0 0.10rem; width: 0.10rem; margin-right: 0.26rem; }
    .agg-t { font-size: 0.30rem; line-height: 0.44rem; }
    .agg-snippet { margin-top: 0.14rem; font-size: 0.22rem; line-height: 0.36rem; }
    .agg-meta { margin-top: 0.14rem; font-size: 0.20rem; line-height: 0.30rem; }
    .agg-meta > * { margin-right: 0.20rem; }
    .agg-topic { font-size: 0.20rem; padding: 0.02rem 0.12rem; }

    /* ---- 分页 ---- */
    .agg-pager { padding: 0.50rem 0 0.10rem; font-size: 0.24rem; line-height: 0.44rem; }
    .agg-pager .pg-a,
    .agg-pager .pg-n,
    .agg-pager .pg-gap,
    .agg-pager .pg-info { margin: 0 0.06rem 0.14rem; padding: 0.06rem 0.20rem; }
    .agg-pager .pg-in { width: 0.90rem; height: 0.44rem; font-size: 0.24rem; }
    .agg-pager .pg-go { height: 0.44rem; padding: 0 0.22rem; font-size: 0.24rem; }

    /* ---- 关于 / 常见问题 ---- */
    .agg-h2 {
        font-size: 0.34rem;
        line-height: 0.50rem;
        margin: 0.50rem 0 0.26rem;
        padding-left: 0.20rem;
        border-left-width: 0.08rem;
    }
    .agg-about p { font-size: 0.24rem; line-height: 0.42rem; margin-bottom: 0.20rem; }
    .agg-serv > li { font-size: 0.24rem; line-height: 0.42rem; padding-left: 0.28rem; margin-bottom: 0.12rem; }
    .agg-serv > li::before { top: 0.15rem; width: 0.12rem; height: 0.12rem; }
    .agg-q { font-size: 0.28rem; line-height: 0.44rem; }
    .agg-a { font-size: 0.24rem; line-height: 0.42rem; padding-left: 0.32rem; }

    /* ---- 侧边栏热门文章（移动端排到列表下方，通栏） ---- */
    .hotbox { margin-top: 0; }
    .hotbox .hot-tit { padding: 0 0.20rem; font-size: 0.30rem; line-height: 0.80rem; }
    .hotbox .hot-tit i { font-size: 0.20rem; }
    .hot-list { padding: 0.12rem 0.20rem 0.20rem; }
    .hot-list > li { padding: 0.20rem 0 0.18rem; }
    .hot-list .hot-no { top: 0.22rem; width: 0.44rem; font-size: 0.28rem; line-height: 0.40rem; }
    .hot-list .hot-list-a { margin-left: 0.46rem; font-size: 0.26rem; line-height: 0.40rem; }
    .hot-list .hot-v { margin: 0.06rem 0 0 0.46rem; font-size: 0.20rem; line-height: 0.30rem; }
    .side-cta { margin-top: 0.30rem; padding: 0.30rem 0.24rem; }
    .side-cta p { font-size: 0.26rem; line-height: 0.44rem; }
    .side-cta b { font-size: 0.40rem; line-height: 0.56rem; }
    .side-cta p + p { font-size: 0.22rem; line-height: 0.36rem; }
}