.blog-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.blog-item{display:flex;gap:12px;padding:12px;background:#fff;border:1px solid #ececec;border-radius:12px;text-decoration:none;color:inherit}.blog-item:active{background:#fafafa}.blog-item-thumb{width:96px;height:96px;flex-shrink:0;object-fit:cover;border-radius:8px;background:#f2f2f2}.blog-item-body{min-width:0;display:flex;flex-direction:column;gap:4px}.blog-item-category{font-size:11px;color:#ff6b00;font-weight:600}.blog-item-title{margin:0;font-size:15px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-item-summary{margin:0;font-size:13px;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-item-date{font-size:11px;color:#999;margin-top:auto}.blog-empty{text-align:center;color:#888;padding:48px 0}.blog-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.blog-pager-link{padding:8px 14px;border:1px solid #ececec;border-radius:999px;background:#fff;text-decoration:none;color:#ff6b00;font-size:13px;font-weight:600}.blog-pager-status{font-size:13px;color:#888}