.blog-page{background:#fcfbf7;min-height:calc(100vh - 400px)}.blog-container{max-width:1400px;margin:0 auto;padding:80px 20px 100px}.blog-header{text-align:center;margin-bottom:80px}.blog-breadcrumb{font-size:14px;color:#999;margin-bottom:20px}.blog-breadcrumb a{color:#999;text-decoration:none;transition:color .3s ease}.blog-breadcrumb a:hover{color:#333}.blog-title{font-size:42px;font-weight:400;color:#36563d;margin-bottom:15px;font-family:"Noto Serif TC",serif;letter-spacing:.5px}.blog-subtitle{font-size:16px;color:#666;font-weight:300}.blog-categories{display:flex;justify-content:center;gap:30px;margin-bottom:60px;flex-wrap:wrap}.category-link{font-size:15px;color:#666;text-decoration:none;padding-bottom:5px;border-bottom:2px solid transparent;transition:all .3s ease;font-weight:400}.category-link:hover,.category-link.active{color:#36563d;border-bottom-color:#36563d}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 40px;margin-bottom:80px}.article-card{background:transparent}.article-image-wrapper{position:relative;width:100%;padding-bottom:100%;margin-bottom:20px;overflow:hidden;background:#e8e6e1}.article-image-wrapper a{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.article-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.article-image-wrapper:hover .article-image{transform:scale(1.08)}.article-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999}.article-content{text-align:left}.article-category-badge{display:inline-block;font-size:12px;color:#999;text-decoration:none;letter-spacing:.5px;font-weight:400;margin-bottom:12px;text-transform:uppercase}.article-category-badge:hover{color:#36563d}.article-title{font-size:20px;font-weight:400;color:#36563d;margin-bottom:12px;line-height:1.5;font-family:"Noto Serif TC",serif}.article-title a{color:inherit;text-decoration:none;transition:color .3s ease}.article-title a:hover{color:#1e3d28}.article-excerpt{font-size:14px;color:#666;line-height:1.8;font-weight:300}.empty-state{text-align:center;padding:100px 20px}.empty-state svg{color:#ccc;margin-bottom:25px}.empty-state h3{font-size:20px;color:#666;margin-bottom:10px;font-weight:400}.empty-state p{font-size:15px;color:#999;font-weight:300}.pagination-wrapper{display:flex;justify-content:center;margin-top:60px}@media(max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr);gap:40px 30px}}@media(max-width:768px){.blog-container{padding:50px 20px 80px}.blog-header{margin-bottom:50px}.blog-title{font-size:32px}.blog-categories{gap:20px;margin-bottom:40px}.articles-grid{grid-template-columns:1fr;gap:50px}}