.blog-detail{background-color:var(--bg-color);max-width:800px;color:var(--text-color);line-height:1.8;font-family:var(--font-default);margin:0 auto;padding:2rem}.blog-detail h1{color:var(--accent-color);margin-bottom:1rem;font-size:2.2rem}.detail-thumbnail{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;margin:1.5rem 0;display:block}.breadcrumb{color:var(--subtext-color);margin-bottom:1.2rem;font-size:1rem}.breadcrumb a{color:var(--primary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.post-meta{color:var(--subtext-color);flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;font-size:.95rem;font-style:italic;display:flex}.meta-item{flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex}.meta-item .icon{vertical-align:middle;width:1em;height:1em;color:var(--subtext-color);font-size:1rem;display:inline-block}.blog-content p{color:var(--text-color);margin-bottom:1rem;font-size:1.1rem}.blog-content h2,.blog-content h3{color:var(--heading-color);margin-top:2rem;margin-bottom:1rem}.blog-content ul,.blog-content ol{margin-bottom:1rem;margin-left:1.5rem}.blog-content img{border-radius:6px;max-width:100%;margin:1.2rem auto;display:block}@media screen and (max-width:768px){.blog-detail{padding:1.2rem}.detail-thumbnail{-o-object-fit:cover;object-fit:cover;max-height:250px}.blog-detail h1{font-size:1.8rem}.blog-content p{font-size:1rem}}