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