.blog-index{padding-bottom:48px}.bi-container{max-width:1200px;margin:0 auto;padding:0 20px}.bi-hero{background:linear-gradient(168deg,#f5f5f7 0%,#fff 50%,#0071e305 100%);border-bottom:1px solid #0000000a;padding:0 0 32px}.bi-breadcrumb{color:#999;margin-bottom:4px;padding-top:14px;font-size:13px}.bi-breadcrumb a{color:#999;text-decoration:none}.bi-breadcrumb a:hover{color:#0071e3}.bi-breadcrumb span{margin:0 5px}.bi-title{letter-spacing:-.03em;color:#0a0a0a;margin:0 0 12px;font-size:32px;font-weight:800;line-height:1.1}@media (width>=768px){.bi-title{font-size:40px}}.bi-desc{color:#6e6e6e;max-width:600px;margin:0;font-size:16px;line-height:1.6}.bi-cats{border-bottom:1px solid #0000000f;flex-wrap:wrap;gap:8px;padding:24px 0 32px;display:flex}.bi-cat{color:#1d1d1f;background:#fff;border:1px solid #00000014;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.bi-cat:hover{color:#0071e3;border-color:#0071e3}.bi-cat--active{color:#fff;background:#0071e3;border-color:#0071e3}.bi-featured{color:inherit;border:1px solid #0000000f;border-radius:8px;grid-template-columns:1fr;gap:0;margin:32px 0;text-decoration:none;transition:box-shadow .3s,border-color .3s;display:grid;overflow:hidden}@media (width>=768px){.bi-featured{grid-template-columns:1.2fr 1fr}}.bi-featured:hover{border-color:#0000001a;box-shadow:0 8px 30px #00000014}.bi-featured-img{overflow:hidden}.bi-featured-img img{object-fit:cover;aspect-ratio:16/9;width:100%;height:100%;transition:transform .5s}.bi-featured:hover .bi-featured-img img{transform:scale(1.03)}.bi-featured-body{flex-direction:column;justify-content:center;padding:28px;display:flex}.bi-featured-badge{text-transform:uppercase;letter-spacing:.08em;color:#0071e3;margin-bottom:12px;font-size:11px;font-weight:700;display:inline-block}.bi-featured-title{color:#0a0a0a;margin:0 0 10px;font-size:22px;font-weight:700;line-height:1.3}@media (width>=768px){.bi-featured-title{font-size:26px}}.bi-featured-desc{color:#6e6e6e;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.bi-featured-meta{color:#999;align-items:center;gap:12px;font-size:13px;display:flex}.bi-author-mini{align-items:center;gap:6px;display:flex}.bi-author-mini img{object-fit:cover;border-radius:50%;width:24px;height:24px}.bi-author-mini span{color:#1d1d1f;font-weight:500}.bi-grid{grid-template-columns:1fr;gap:24px;margin-top:32px;display:grid}@media (width>=640px){.bi-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.bi-grid{grid-template-columns:repeat(3,1fr)}}.bi-card{color:inherit;border:1px solid #0000000f;border-radius:8px;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.bi-card:hover{border-color:#0000001a;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.bi-card-img{overflow:hidden}.bi-card-img img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .5s}.bi-card:hover .bi-card-img img{transform:scale(1.04)}.bi-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.bi-card-title{color:#0a0a0a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.bi-card-desc{color:#6e6e6e;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 12px;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.bi-card-meta{color:#999;align-items:center;gap:10px;margin-top:auto;font-size:12px;display:flex}.bi-card-meta .bi-author-mini img{width:20px;height:20px}.bi-card-meta .bi-author-mini span{font-size:12px}@media (width<=768px){.bi-hero{padding:0 0 24px}.bi-title{font-size:26px}.bi-desc{font-size:14px}.bi-featured-body{padding:20px}.bi-featured-title{font-size:20px}.bi-featured-desc{font-size:14px}.bi-card-title{font-size:15px}.bi-card-body{padding:16px}.bi-author-filter{flex-direction:column;align-items:flex-start;gap:8px}.bi-author-pill span{display:none}}.bi-author-filter{border-bottom:1px solid #0000000f;align-items:center;gap:12px;margin-bottom:28px;padding:12px 0;display:flex}.bi-author-filter-label{text-transform:uppercase;letter-spacing:.06em;color:#6e6e6e;white-space:nowrap;font-size:12px;font-weight:600}.bi-author-filter-list{flex-wrap:wrap;gap:8px;display:flex}.bi-author-pill{color:#4b5563;background:#f5f5f7;border:1px solid #0000000a;border-radius:20px;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.bi-author-pill:hover{color:#0a0a0a;background:#fff;border-color:#0000001f}.bi-author-pill img{object-fit:cover;border-radius:50%;width:20px;height:20px}