@charset "utf-8";
/* ============================================================================
   前台浏览量徽标（2026-10-24 新增）
   用在：产品/方案/新闻 的详情页与列表页，插在 H1 之下（详情页新闻例外，在日期行）
   样式刻意做小：一行胶囊，浅蓝底，不与栏目标题、面包屑抢视觉。
   ============================================================================ */

.cb-views{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:10px 0 0;
    padding:4px 11px;
    font-size:13px;
    line-height:1.5;
    color:#5b6472;
    background:rgba(15,71,160,.06);
    border:1px solid rgba(15,71,160,.12);
    border-radius:999px;
    white-space:nowrap;
    vertical-align:middle;
}

/* 图标：内联 SVG 描边，跟随文字基线，不依赖第三方图标库 */
.cb-views svg{
    width:14px;
    height:14px;
    flex:0 0 auto;
    fill:none;
    stroke:#0f47a0;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* H1 在 .inside-subnav 里时，与标题的间距收一点 */
.inside-subnav .cb-views{
    margin-top:8px;
}

/* 新闻详情页：紧跟在发布日期后面时，把左间距交给分隔符，自己不留上边距 */
.xin-time .cb-views,
.cb-views.cb-views-inline{
    margin:0 0 0 8px;
}

@media screen and (max-width:768px){
    .cb-views{
        font-size:12px;
        padding:3px 9px;
        margin-top:8px;
    }
}