.blog-page{background:#fff}.blog-container{max-width:1180px;margin:0 auto;padding:0 24px}.blog-pageTitle{text-align:center;margin-top:30px;margin-bottom:40px;font-size:30px;font-weight:700}.blog-controls{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.blog-search{color:#33404d;background:#fff;border:1px solid #d5dbe2;border-radius:8px;flex:240px;min-width:0;padding:10px 14px;font-size:14px}.blog-search::placeholder{color:#93a0af}.blog-search:focus{outline-offset:1px;outline:2px solid #065399}.blog-select{appearance:none;color:#33404d;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%236b7280' stroke-width='1.6' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #d5dbe2;border-radius:8px;padding:10px 38px 10px 14px;font-size:14px}.blog-select:focus{outline-offset:1px;outline:2px solid #065399}.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px;padding-bottom:40px;display:grid}.blog-card{background:#fff;border:1px solid #e6e9ee;border-radius:10px;height:220px;display:flex;overflow:hidden}.blog-cardImage{-o-object-fit:cover;object-fit:cover;flex-shrink:0;align-self:stretch;width:190px}.blog-cardBody{flex-direction:column;gap:8px;min-width:0;padding:20px 22px;display:flex}.blog-cardCategory{letter-spacing:.08em;text-transform:uppercase;color:#065399;margin:0;font-size:11px;font-weight:700}.blog-cardTitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.blog-cardTitle a{color:#0b1220;text-decoration:none}.blog-cardTitle a:hover{text-decoration:underline}.blog-cardMeta{color:#0000008c;margin:0;font-size:13px}.blog-cardMeta span{color:#0000004d;margin:0 4px}.blog-cardMore{color:#fff;background:#065399;border-radius:3px;width:fit-content;margin-top:auto;padding:10px 16px;font-size:11px;font-weight:600;text-decoration:none;display:block}.blog-loadMore{text-align:center}.blog-loadMoreBtn{color:#065399;cursor:pointer;background:#fff;border:1px solid #065399;border-radius:8px;padding:10px 26px;font-size:14px;font-weight:600}.blog-loadMoreBtn:hover{background:#f2f6fb}.blog-empty{text-align:center;color:#0009;padding:40px 0 60px;font-size:16px}.blog-retry{font:inherit;color:#065399;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}@media (max-width:900px){.blog-grid{grid-template-columns:1fr}}@media (max-width:768px){.blog-pageTitle{font-size:32px}}@media (max-width:560px){.blog-card{flex-direction:column;height:auto}.blog-cardImage{width:100%;height:190px}}