.category-nav-section{background:#fff;border-bottom:1px solid #e5e7eb}.category-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:20px 0;display:flex;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.category-link{color:#666;white-space:nowrap;background:#f8fafc;border-radius:24px;padding:10px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.category-link:hover{color:#333;background:#e2e8f0}.category-link.active{background:var(--color-primary);color:#fff}.blog-page .blog-section{max-width:1200px;padding:80px var(--spacing-md);margin:0 auto}.blog-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.blog-card{background:#fff;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 20px #00000014}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001f}.blog-card-link{color:inherit;text-decoration:none;display:block}.blog-card-image{aspect-ratio:16/10;margin:0;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-card-image img{transform:scale(1.08)}.blog-card-content{padding:24px}.blog-card-category{color:var(--color-primary);letter-spacing:.05em;background:linear-gradient(135deg,#2563eb1a,#2563eb0d);border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-block}.blog-card-title{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:1.125rem;font-weight:700;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-excerpt{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:.875rem;line-height:1.8;display:-webkit-box;overflow:hidden}.blog-card-date{font-family:var(--font-en);color:#999;font-size:.8rem;font-weight:500}.no-posts{text-align:center;color:#888;padding:100px 0;font-size:1rem}.category-summary-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.category-summary{max-width:900px;margin:0 auto;padding:32px 0}.category-summary-text{color:#4a5568;text-align:center;font-size:1rem;line-height:1.9}.category-description-section{background:#fff;border-top:1px solid #e5e7eb}.category-description{max-width:800px;margin:0 auto;padding:64px 0}.category-description-title{color:var(--color-text);text-align:center;margin-bottom:32px;font-size:1.5rem;font-weight:700;position:relative}.category-description-title:after{content:"";background:var(--color-primary);width:60px;height:3px;margin:16px auto 0;display:block}.category-description-content{color:#4a5568;font-size:.9375rem;line-height:2}.category-description-content p{margin-bottom:24px}.category-description-content strong{color:var(--color-text);font-weight:600}.category-description-content ul{margin-bottom:24px;padding:0;list-style:none}.category-description-content li{margin-bottom:8px;padding-left:1.5em;position:relative}.category-description-content li:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:.5em}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:960px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:540px){.blog-page .blog-section{padding:48px var(--spacing-sm)}.blog-grid{grid-template-columns:1fr;gap:24px}.blog-card-content{padding:20px}.blog-card-title{font-size:1rem}.category-nav{padding:16px 0}.category-link{padding:8px 16px;font-size:.8125rem}.category-summary{padding:24px 16px}.category-summary-text{text-align:left;font-size:.9375rem}.category-description{padding:48px 16px}.category-description-title{font-size:1.25rem}.category-description-content{font-size:.875rem}}
