body{background:#f5f7fa}.container{font-family:Segoe UI,Arial,sans-serif;margin:0 auto;max-width:950px;padding:2rem 1rem}h1{font-size:2rem;letter-spacing:1px;margin-bottom:1rem}.search-bar{margin-bottom:2rem}.search-bar input{border:1px solid #dcdcdc;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:10px 15px;width:100%}.blog-list{display:flex;flex-wrap:wrap;gap:2%}.blog-item{align-items:flex-start;background:#fff;border:1px solid #e3e3e3;border-radius:16px;box-shadow:0 2px 16px #ececec46;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin-bottom:20px;min-width:280px;padding:1rem;transition:box-shadow .2s;width:31%}.blog-item:hover{box-shadow:0 4px 12px #1976d233}.blog-item .thumbnail{background:#fafafa;border:1px solid #e3e3e3;border-radius:8px;height:130px;margin-bottom:.7rem;max-width:220px;object-fit:cover;width:100%}.blog-info h2{font-size:1.25rem;font-weight:600;margin:.5rem 0 .2rem}.blog-info p{color:#333;margin:.2rem 0}.blog-info button{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.8rem;padding:8px 18px;transition:background .2s}.blog-info button:hover{background:#1257a8}@media (max-width:900px){.blog-list{align-items:center;flex-direction:column}.blog-item{min-width:0;width:90vw}}
/*# sourceMappingURL=main.e4a61409.css.map*/