.blog-empty{padding:3rem 1rem;text-align:center;color:var(--sub);background:var(--band);border-radius:var(--radius)}
.blog-thumb{background:linear-gradient(135deg,var(--band),var(--accentbg));display:flex!important;align-items:center;justify-content:center}
.blog-placeholder{font-size:.78rem;letter-spacing:.24em;color:var(--primaryd)}
.bcard .bbody h2{font-size:1.08rem;margin:.75rem 0 .55rem;line-height:1.65}
.blog-more{display:inline-block;margin-top:1rem;color:var(--primaryd);font-size:.82rem;font-weight:700}
.blog-more::after{content:' \203a'}
.blog-article-head{background:var(--band);padding:clamp(2.4rem,6vw,4.5rem) 0;text-align:center}
.blog-article-head .en{font-size:.72rem;letter-spacing:.3em;color:var(--primary);margin:0 0 .65rem}
.blog-article-head time{display:block;color:var(--sub);font-size:.82rem;margin-bottom:.65rem}
.blog-article-head h1{max-width:900px;margin:0 auto;font-size:clamp(1.55rem,3.3vw,2.45rem);line-height:1.65}
.blog-article-wrap{max-width:860px;padding-top:clamp(2.2rem,5vw,4rem);padding-bottom:clamp(3rem,7vw,5rem)}
.blog-main-image{width:100%;max-height:560px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2.2rem}
.blog-body{font-size:1rem;line-height:2.15;white-space:normal;overflow-wrap:anywhere}
.blog-back{text-align:center;margin:3rem 0 0}
@media(max-width:640px){.blog-article-head{padding:2rem 0}.blog-article-head h1{font-size:1.35rem}.blog-body{font-size:.94rem;line-height:2}.blog-main-image{margin-bottom:1.5rem}}