.bl{padding:28px 0 48px}
.bl-head{text-align:center;margin-bottom:26px}
.bl-head h1{font-size:30px;font-weight:700;color:#063d2c}
.bl-head p{color:#5b6b7c;margin-top:4px}
.bl-empty{text-align:center;color:#5b6b7c;padding:40px 0}
.bl-pg{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:28px}
.bl-pg a{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;border:1px solid #dbe4ec;color:#063d2c}
.bl-pg a.on{background:#059669;border-color:#059669;color:#fff}
.bl-post{max-width:780px;margin:0 auto;background:#fff;border-radius:18px;padding:26px;box-shadow:0 2px 14px rgba(3,21,15,.08)}
.bl-back{display:inline-block;margin-bottom:12px;font-size:14px}
.bl-post h1{font-size:28px;line-height:1.4;font-weight:700;color:#063d2c;margin-bottom:6px}
.bl-cover{width:100%;max-height:460px;object-fit:cover;border-radius:14px;margin:16px 0 8px;display:block}
.bl-text{font-size:17px;line-height:1.9;color:#1e293b;margin-top:14px;word-break:break-word}
.bl-more-sec{max-width:1000px;margin:34px auto 0}
.bl-more-sec h3{font-size:20px;margin-bottom:14px;color:#063d2c}
@media(max-width:560px){.bl-head h1{font-size:24px}.bl-post{padding:16px}.bl-post h1{font-size:22px}.bl-text{font-size:16px}}
.bc-sec{padding:26px 0 8px}
.bc-h{font-size:20px;font-weight:700;color:#0b1f33;margin:0 0 4px}
.bc-sub{font-size:14.5px;color:#64748b;margin:0 0 16px}
.bc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bc{display:flex;align-items:center;gap:12px;min-width:0;background:#fff;border:1px solid #e5eaf0;border-left:4px solid var(--c,#0ea5e9);border-radius:10px;padding:14px 14px 14px 12px;color:inherit;font-weight:400;box-shadow:0 1px 3px rgba(15,23,42,.05);transition:transform .15s,box-shadow .15s}
.bc:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.1)}
.bc-ico{flex:none;width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff);overflow:hidden}
.bc-ico svg{width:22px;height:22px}
.bc-ico img{width:100%;height:100%;object-fit:cover;display:block}
.bc-t{min-width:0;display:flex;flex-direction:column}
.bc-t b{font-size:16px;font-weight:700;color:#0b1f33;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-t small{font-size:13.5px;color:#64748b;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-all{text-align:center;margin-top:16px}
@media(max-width:900px){.bc-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
@media(max-width:560px){
 .bc{padding:10px 9px;gap:8px;align-items:flex-start}
 .bc-ico{width:34px;height:34px;border-radius:8px}.bc-ico svg{width:18px;height:18px}
 .bc-t b{font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .bc-t small{font-size:12px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .bc-h{font-size:17px}
}