:root{--blog-font-size:var(--page-font-size)}.hkjblog .bodydiv{position:relative;overflow:hidden}.blog-wrapper{z-index:1;box-shadow:0 0 calc(var(--blog-font-size) * .5) calc(var(--blog-font-size) * .2) #2afd0044;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;background:#0a0a0ad9;border:2px solid #2afd00;border-radius:calc(1dvh + 2dvw);width:min(70%,1100px);max-width:92vw;max-height:100%;padding:2vh 2vw;animation:1s cubic-bezier(.68,-.55,.27,1.55) fadeIn;position:relative;overflow:hidden auto}.blog-wrapper::-webkit-scrollbar{width:8px}.blog-wrapper::-webkit-scrollbar-track{background:#0003}.blog-wrapper::-webkit-scrollbar-thumb{background:#2afd00;border-radius:4px}.posts-container{flex-direction:column;gap:2rem;display:flex}.blog-coming-soon{color:#2afd00;text-align:center;padding-top:20%}.blog-card{background:#141414f2;border:1px solid #2afd004d;border-radius:12px;padding:2rem;box-shadow:0 4px 15px #0000004d}.blog-title{color:#e74c3c;margin-bottom:.5rem;font-family:nasalization,inter,sans-serif;font-size:2rem}.blog-meta{color:#888;gap:1rem;margin-bottom:1rem;font-family:monospace;font-size:.9rem;display:flex}.blog-excerpt{color:#38cd54;margin-bottom:1rem;font-size:1.1rem;font-style:italic}.blog-tags{gap:.5rem;margin-bottom:1.5rem;display:flex}.blog-tag{color:#fff;background:#16a085;border-radius:20px;padding:.2rem .6rem;font-size:.8rem;font-weight:700}.blog-divider{border:0;border-top:1px solid #2afd0033;margin-bottom:1.5rem}.blog-content{color:#ddd;font-size:1rem;line-height:1.6}.blog-content h2{color:#2afd00;margin-top:1rem;margin-bottom:.5rem}