*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.7}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Noto Sans CJK JP",sans-serif;color:#333;background-color:#fff;min-height:100vh}a{color:#333;text-decoration:none}a:hover{color:#666}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.4;font-weight:bold}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}p{margin-bottom:16px}.container{max-width:1200px;margin:0 auto;padding:0 16px}.site-header{padding:24px 0;border-bottom:1px solid #e0e0e0;text-align:center}.site-header .site-description{font-size:14px;color:#999;margin-bottom:8px}.site-header .site-title{font-size:24px;margin:0}.site-header .site-title a{color:#333}.site-header .site-title a:hover{color:#666}.site-content{display:flex;gap:40px;padding:32px 0}@media (max-width: 768px){.site-content{flex-direction:column}}.main-content{flex:1;min-width:0}.site-footer{padding:24px 0;border-top:1px solid #e0e0e0;text-align:center}.site-footer a{display:block;margin-bottom:8px}.site-footer p{font-size:14px;color:#999;margin:0}.sidebar{width:300px;flex-shrink:0}@media (max-width: 768px){.sidebar{width:100%}}.sidebar-section{margin-bottom:32px}.sidebar-title{font-size:18px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud-item{display:inline-block;padding:4px 8px;background-color:#f0f0f0;color:#666;font-size:14px;border-radius:3px}.tag-cloud-item:hover{background-color:#e3e3e3;color:#333}.tag-cloud-item .tag-count{font-size:12px;color:#999}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.icon-tag{margin-right:2px}.post-list{display:flex;flex-direction:column;gap:24px}.post-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;transition:box-shadow .2s}.post-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.post-card-link{display:flex;gap:16px;padding:16px}@media (max-width: 576px){.post-card-link{flex-direction:column}}.post-card-thumbnail{flex-shrink:0;width:200px;height:150px;overflow:hidden;border-radius:4px}@media (max-width: 576px){.post-card-thumbnail{width:100%;height:200px}}.post-card-thumbnail img{width:100%;height:100%;object-fit:cover}.post-card-content{flex:1;min-width:0}.post-card-title{font-size:18px;margin-bottom:8px;line-height:1.4;color:#333}.post-card-excerpt{font-size:14px;color:#666;line-height:1.7;margin:0}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.pagination a,.pagination span{padding:8px 16px;font-size:14px}.pagination a{background-color:#f5f5f5;border-radius:4px}.pagination a:hover{background-color:#e8e8e8}.pagination .pagination-current{font-weight:bold}.breadcrumb{font-size:14px;color:#999;margin-bottom:24px}.breadcrumb a{color:#666}.breadcrumb a:hover{color:#333}.breadcrumb .breadcrumb-separator{margin:0 8px}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tag{display:inline-block;padding:4px 8px;background-color:#f0f0f0;color:#666;font-size:14px;border-radius:3px}.tag:hover{background-color:#e3e3e3;color:#333}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-item{display:inline-block;padding:8px 16px;background-color:#f0f0f0;color:#666;font-size:16px;border-radius:4px}.tag-item:hover{background-color:#e3e3e3;color:#333}.tag-item .tag-count{font-size:14px;color:#999}.page-title{margin-bottom:32px}.page-title .tag-count{font-size:18px;font-weight:normal;color:#999}.post-detail .post-title{font-size:32px;margin-bottom:24px}@media (max-width: 576px){.post-detail .post-title{font-size:24px}}.post-detail .post-thumbnail{margin-bottom:24px;border-radius:4px;overflow:hidden}.post-detail .post-thumbnail img{width:100%}.post-detail .post-content{line-height:1.7}.post-detail .post-content h2{margin-top:32px;margin-bottom:16px}.post-detail .post-content h3{margin-top:24px;margin-bottom:8px}.post-detail .post-content p{margin-bottom:16px}.post-detail .post-content ul,.post-detail .post-content ol{margin-bottom:16px;padding-left:24px;list-style:disc}.post-detail .post-content ol{list-style:decimal}.post-detail .post-content blockquote{border-left:4px solid #e0e0e0;padding-left:16px;margin:16px 0;color:#666}.post-detail .post-content code{background-color:#f5f5f5;padding:2px 6px;border-radius:3px;font-size:14px}.post-detail .post-content pre{background-color:#f5f5f5;padding:16px;border-radius:4px;overflow-x:auto;margin-bottom:16px}.post-detail .post-content pre code{background:none;padding:0}.post-detail .post-meta{margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0;font-size:14px;color:#999}.post-navigation{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.post-navigation a{flex:1;padding:16px;background-color:#f5f5f5;border-radius:4px;font-size:14px}.post-navigation a:hover{background-color:#e8e8e8}.post-navigation .post-nav-next{text-align:right}.error-page{text-align:center;padding:48px 0}.error-page h1{font-size:80px;color:#999;margin-bottom:16px}.error-page p{font-size:18px;color:#666;margin-bottom:32px}.error-page a{display:inline-block;padding:16px 32px;background-color:#333;color:#fff;border-radius:4px}.error-page a:hover{background-color:#666;color:#fff}