/* ============================================================
   蓝贝贝 lanbeixin 主题 · 栏目/详情页改版样式（独立命名空间 lb-）
   设计语言：黑 #18191b + 品牌金 #e1b44f · 大留白 · 12px 圆角 · 柔和阴影
   ============================================================ */

/* ---------- 全局：导航一行放下 ---------- */
#logo a img{height:52px !important}
#blank{height:64px !important}
#nav > ul > li{padding:17px 1.15% !important;font-size:15px !important}
#searchbox{top:15px !important}
#breadcrumb{padding:22px 0 6px !important;font-size:13px !important}

/* ---------- 列表页 ---------- */
#lbList{padding:18px 0 70px}

.lb-hero{padding:38px 0 26px;border-bottom:1px solid #ececec;margin-bottom:40px;position:relative}
.lb-hero h1{font-size:34px;font-weight:700;color:#18191b;letter-spacing:2px;margin:0 0 10px;line-height:1.25}
.lb-hero .sub{font-size:14px;color:#9a9a9a;letter-spacing:1px}
.lb-hero .bar{display:block;width:46px;height:4px;background:#e1b44f;border-radius:2px;margin-top:16px}

.lb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.lb-card{display:block;background:#fff;border-radius:12px;overflow:hidden;
  border:1px solid #f0f0f0;box-shadow:0 2px 10px rgba(24,25,27,.05);
  transition:transform .25s ease,box-shadow .25s ease;color:inherit}
.lb-card:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(24,25,27,.12)}
.lb-card figure{margin:0;overflow:hidden;aspect-ratio:16/10;background:#f4f4f4}
.lb-card figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.lb-card:hover figure img{transform:scale(1.05)}
.lb-card .body{padding:20px 22px 22px}
.lb-card h2{font-size:17px;font-weight:600;color:#222;line-height:1.55;margin:0 0 10px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:52px}
.lb-card .desc{font-size:14px;color:#8a8a8a;line-height:1.75;margin:0 0 16px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lb-card .meta{display:flex;justify-content:space-between;font-size:13px;color:#b3b3b3;border-top:1px dashed #eee;padding-top:13px}
.lb-card .meta time{color:#b3b3b3}

/* 分页（沿用老结构，重设观感） */
#lbList .pagebar{padding:44px 0 0;text-align:center}
#lbList .pagination a{display:inline-block;min-width:38px;height:38px;line-height:38px;padding:0 12px;margin:0 4px;
  background:#fff;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;color:#555;text-decoration:none;transition:all .2s}
#lbList .pagination a:hover{border-color:#e1b44f;color:#e1b44f}
#lbList .pagination a.cur{background:#18191b;border-color:#18191b;color:#e1b44f}

/* ---------- 详情页 ---------- */
#lbPost{padding:26px 0 70px}
.lb-post-card{max-width:960px;margin:0 auto;background:#fff;border-radius:14px;
  border:1px solid #f0f0f0;box-shadow:0 2px 14px rgba(24,25,27,.05);padding:46px 56px 50px;box-sizing:border-box}

.lb-post-head{text-align:center;border-bottom:1px solid #f0f0f0;padding-bottom:26px;margin-bottom:34px}
.lb-post-head h1{font-size:27px;font-weight:700;color:#1c1c1c;line-height:1.5;margin:0 0 16px}
.lb-post-head .meta{display:flex;justify-content:center;gap:26px;font-size:13.5px;color:#a0a0a0}
.lb-post-head .meta i{margin-right:5px;color:#c9c9c9}

.lb-body{max-width:100%;overflow:hidden}
.lb-body img{border-radius:10px}
/* 上一篇/下一篇 */
.lb-pn{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}
.lb-pn a{display:flex;align-items:center;gap:14px;background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;
  padding:14px 18px;text-decoration:none;transition:all .2s;min-width:0}
.lb-pn a:hover{border-color:#e1b44f;background:#fff}
.lb-pn .dir{font-size:12px;color:#b3b3b3;white-space:nowrap}
.lb-pn .t{font-size:14px;color:#444;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-pn .next{text-align:right;justify-content:flex-end}

/* 相关推荐 */
.lb-rel{margin-top:52px}
.lb-rel h3{font-size:19px;font-weight:700;color:#1c1c1c;margin:0 0 22px;padding-left:12px;border-left:4px solid #e1b44f;line-height:1.4}
.lb-rel .row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;list-style:none;margin:0;padding:0}
.lb-rel .row a{display:block;text-decoration:none;color:inherit}
.lb-rel .row figure{margin:0 0 10px;overflow:hidden;border-radius:10px;aspect-ratio:16/10;background:#f4f4f4}
.lb-rel .row img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.lb-rel .row a:hover img{transform:scale(1.06)}
.lb-rel .row h4{font-size:14px;font-weight:500;color:#444;line-height:1.6;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lb-rel .row a:hover h4{color:#b8860b}

/* 标签 */
.lb-tags{margin-top:34px;padding-top:22px;border-top:1px dashed #eee;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.lb-tags .lb{font-size:13px;color:#b3b3b3;margin-right:2px}
.lb-tags a{display:inline-block;padding:5px 14px;background:#f7f7f7;border-radius:16px;font-size:13px;color:#777;text-decoration:none;transition:all .2s}
.lb-tags a:hover{background:#18191b;color:#e1b44f}

/* ---------- 侧栏（清爽版） ---------- */
#sidebar .widget{background:#fff;border:1px solid #f0f0f0;border-radius:12px;overflow:hidden;margin-bottom:24px}
#sidebar .widget h4{background:#18191b;color:#fff;font-size:15px;font-weight:500;letter-spacing:2px;
  padding:13px 20px;margin:0}
#sidebar .widget h4 span{color:#e1b44f}
#sidebar .widget .bd{padding:20px}
.lb-contact-tel{text-align:center;padding:6px 0 14px}
.lb-contact-tel .lab{font-size:13px;color:#999}
.lb-contact-tel .num{font-size:24px;font-weight:700;color:#b8860b;letter-spacing:1px;display:block;margin-top:6px}
.lb-qrcodes{display:flex;gap:14px;justify-content:center;padding-top:8px}
.lb-qrcodes figure{margin:0;text-align:center;width:50%}
.lb-qrcodes img{width:92px;height:92px;object-fit:contain;display:block;margin:0 auto;border-radius:8px}
.lb-qrcodes figcaption{font-size:12px;color:#999;margin-top:8px}
/* 旧二维码大红大蓝色块 neutralize */
#sidebar .qrlist a{background:none !important;border-radius:8px}
/* 标签云统一灰 */
#sidebar .taglist a,#sidebar .tags a{display:inline-block;padding:5px 13px;margin:0 8px 10px 0;
  background:#f7f7f7 !important;color:#777 !important;border-radius:15px;font-size:13px;text-decoration:none !important;transition:all .2s}
#sidebar .taglist a:hover,#sidebar .tags a:hover{background:#18191b !important;color:#e1b44f !important}
/* 侧栏热点列表 */
.lb-hot{list-style:none;margin:0;padding:0}
.lb-hot li{border-bottom:1px dashed #f0f0f0}
.lb-hot li:last-child{border-bottom:none}
.lb-hot a{display:flex;gap:12px;padding:12px 0;text-decoration:none;color:inherit;align-items:center}
.lb-hot figure{margin:0;flex:0 0 86px;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:#f4f4f4}
.lb-hot img{width:100%;height:100%;object-fit:cover;display:block}
.lb-hot .t{font-size:13.5px;color:#444;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lb-hot a:hover .t{color:#b8860b}

/* ---------- 正文品牌统一：黑金（覆盖正文内联蓝系样式） ---------- */
.entry .lb-article .lb-lead{border-left-color:#e1b44f;background:#faf8f3;color:#555}
.entry .lb-article h2{border-left-color:#e1b44f;color:#18191b}
.entry .lb-article ul.lb-points li{background:#fafaf7}
.entry .lb-article ul.lb-points li:before{color:#c9a05c}
.entry .lb-article .lb-num .card{background:linear-gradient(135deg,#faf8f3,#fff);border-color:#eadfc8}
.entry .lb-article .lb-num .card b{color:#b8860b}
.entry .lb-article .lb-quote{background:#faf6ec;border:1px dashed #e0cf9e;color:#8a6d2f}
.entry .lb-article .lb-cta{background:linear-gradient(135deg,#18191b,#3a3a3e)}
.entry .lb-article .lb-cta b{color:#e1b44f}
.entry .lb-article .lb-cap{color:#b3b3b3}

/* ---------- 响应式 ---------- */
@media (max-width:1000px){
  .lb-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .lb-rel .row{grid-template-columns:repeat(2,1fr)}
  .lb-post-card{padding:32px 26px 38px}
}
@media (max-width:640px){
  #nav > ul > li{padding:12px 2.4% !important;font-size:14px !important}
  .lb-hero h1{font-size:26px}
  .lb-grid{grid-template-columns:1fr}
  .lb-post-card{padding:24px 18px 30px;border-radius:10px}
  .lb-post-head h1{font-size:21px}
  .lb-pn{grid-template-columns:1fr}
  .lb-pn .next{text-align:left;justify-content:flex-start}
  .lb-rel .row{grid-template-columns:1fr 1fr;gap:14px}
  .lb-card h2{min-height:0}
}