#blog{background:url(/images/Vector4.svg) 0 100% no-repeat,url(/images/Vector3.svg) 100% 100% no-repeat;padding-top:60px}#blog h2{text-align:center;text-shadow:4px 12px 6px #05050599;margin-bottom:40px;padding-top:90px;font-size:2.4rem}.blog-list{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.blog-card{background:0 0;border-radius:12px;flex-direction:column;width:320px;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 6px 12px #0000007a}.blog-card .blog-img{-webkit-backdrop-filter:blur(3.3px);background:#65b9d30f;border:1px solid #65b9d31f;border-radius:16px;height:240px;padding:0 16px;box-shadow:0 4px 30px #0000001a}.blog-card .blog-img img{object-fit:contain;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.blog-card:hover{transform:translateY(-4px)scale(1.02)}.blog-thumb{object-fit:contain;width:100%;height:auto}.blog-info{flex-direction:column;flex:1;padding:26px;display:flex}.blog-info h3{text-indent:20px;margin-bottom:8px}.blog-info p{opacity:.7;margin-bottom:8px}.blog-date{color:#888;text-align:center;margin-bottom:8px;font-size:.9rem}.read-btn{color:#fff;cursor:pointer;text-align:center;background:#984ae8;border:none;border-radius:6px;margin-top:auto;padding:8px 16px;font-weight:700;transition:all .4s;box-shadow:0 6px 12px #0000007a}.read-btn:hover{background:#59b4d2}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-img{object-fit:cover;border-radius:8px;width:100%;max-height:400px;margin-bottom:16px}.modal-date{color:#fff;text-align:center;margin-bottom:8px;font-size:1.2rem;display:block}.modal-article p{text-indent:20px;margin-bottom:1rem;line-height:1.6}.blog-img-wrap{cursor:pointer}.blog-title:hover{color:#984ae8}