/* ===== 首页「最新挂靠行情 · 建筑资讯」区块（2026-10-23 新增）=====
   服务端渲染的博客文章直链卡片，目的是把博客深页"喂"给百度蜘蛛（首页即发现引擎）。
   样式独立成文件，避免改动共用 index.css；新增文件无需 bump 其它资源版本。 */
.hbl-card{background:#fff;border:1px solid #e8eef7;border-radius:12px;padding:16px 22px 10px;box-shadow:0 2px 10px rgba(23,105,192,.06);}
.hbl-head{display:flex;align-items:center;margin-bottom:6px;}
.hbl-badge{flex-shrink:0;background:linear-gradient(135deg,#1769c0 0%,#3f5fd0 100%);color:#fff;font-size:13px;font-weight:700;padding:4px 14px;border-radius:12px;letter-spacing:.5px;box-shadow:0 2px 6px rgba(23,105,192,.25);}
.hbl-title{margin-left:12px;color:#1e293b;font-size:17px;font-weight:700;letter-spacing:.3px;}
.hbl-more{margin-left:auto;color:#1769c0;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:color .2s;}
.hbl-more:hover{color:#fc703d;text-decoration:underline;}
.hbl-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;}
.hbl-item{display:flex;align-items:center;min-width:0;padding:9px 2px;text-decoration:none;border-bottom:1px dashed #edf1f7;transition:background .15s;}
.hbl-item:last-child{border-bottom:none;}
.hbl-date{flex-shrink:0;font-size:12px;color:#7a8699;background:#f1f5fb;border-radius:4px;padding:2px 7px;margin-right:10px;font-variant-numeric:tabular-nums;transition:all .15s;}
.hbl-new{flex-shrink:0;font-size:10px;color:#fff;background:#fc703d;border-radius:4px;padding:1px 5px;margin-right:8px;font-weight:700;letter-spacing:.5px;}
.hbl-txt{flex:1;min-width:0;color:#334155;font-size:14.5px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s;}
.hbl-item:hover{background:#f7fafe;}
.hbl-item:hover .hbl-txt{color:#1769c0;}
.hbl-item:hover .hbl-date{background:#e2ecfa;color:#1769c0;}
.hbl-empty{color:#94a3b8;font-size:14px;padding:12px 0;}
/* 移动端模板（view_m，UA 切换而非视口）：单列 + 标题两行截断，触屏更易读 */
.hbl-wrap-m .hbl-grid{grid-template-columns:1fr;}
.hbl-wrap-m .hbl-card{padding:14px 62px 8px 14px;} /* 右留白避开 #jzc-dock 悬浮客服钮(46px) */
.hbl-wrap-m .hbl-item{padding:11px 2px;}
.hbl-wrap-m .hbl-txt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;}
/* 窄视口兜底（桌面浏览器缩放窗口时同样单列） */
@media (max-width:768px){
    .hbl-grid{grid-template-columns:1fr;}
    .hbl-card{padding:14px 14px 8px;}
    .hbl-txt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;}
}