#blog-page{max-width:1100px;margin:0 auto;padding:100px 24px 60px}.blog-hero{text-align:center;margin-bottom:40px}.blog-hero h1{font-size:2rem;font-weight:700;color:#222;margin-bottom:8px}.blog-hero p{font-size:1.05rem;color:#666}.blog-empty{text-align:center;color:#888;padding:60px 0;font-size:1rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.blog-card.skeleton{height:320px;background:linear-gradient(110deg,#f5f5f5 30%,#e8e8e8 50%,#f5f5f5 70%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.blog-card-cover{width:100%;height:200px;object-fit:cover}.blog-card-body{padding:18px 20px 20px;flex:1 1;display:flex;flex-direction:column}.blog-card-body h2{font-size:1.1rem;font-weight:600;color:#222;margin:0 0 8px;-webkit-line-clamp:2}.blog-card-body h2,.blog-card-excerpt{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{font-size:.88rem;color:#666;margin:0 0 12px;flex:1 1;-webkit-line-clamp:3}.blog-card-read{font-size:.85rem;color:#ff914d;font-weight:600}#blog-article{max-width:780px;margin:0 auto;padding:100px 24px 60px}.article-skeleton{height:400px;border-radius:12px;background:linear-gradient(110deg,#f5f5f5 30%,#e8e8e8 50%,#f5f5f5 70%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}.article-not-found{text-align:center;padding:80px 0}.article-not-found h1{font-size:1.4rem;color:#444;margin-bottom:16px}.article-not-found a{color:#ff914d;text-decoration:none;font-weight:600}.article-breadcrumb{display:flex;gap:8px;align-items:center;font-size:.85rem;color:#888;margin-bottom:24px}.article-breadcrumb a{color:#ff914d;text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}.article-breadcrumb span:last-child{color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-content h1{font-size:2rem;font-weight:700;color:#222;margin-bottom:10px;line-height:1.3}.article-date{display:block;font-size:.88rem;color:#888;margin-bottom:24px}.article-cover{width:100%;max-height:420px;object-fit:cover;border-radius:12px;margin-bottom:32px}.article-body .block-content{margin-bottom:20px}.article-body .block-paragraph{font-size:1.05rem;line-height:1.75;color:#333}.article-body .block-heading{color:#222;margin-top:32px;margin-bottom:12px;line-height:1.3}.article-body .block-image{margin:28px 0}.article-body .block-image img{max-width:100%;border-radius:10px}.article-body .block-image figcaption{text-align:center;font-size:.82rem;color:#888;margin-top:8px}.article-body .block-list{padding-left:24px;margin:16px 0;line-height:1.7;color:#333}.article-body .block-quote{border-left:3px solid #ff914d;padding:12px 20px;margin:24px 0;background:#fff8f3;border-radius:0 8px 8px 0;font-style:italic;color:#555}.article-body .block-quote cite{display:block;margin-top:8px;font-size:.82rem;color:#888;font-style:normal}.article-body .inline-bold{font-weight:700}.article-body .inline-italic{font-style:italic}.article-body .inline-highlight{background:#fff3cd;padding:1px 4px;border-radius:3px}.article-html-content{font-size:1.05rem;line-height:1.75;color:#333}.article-html-content p,.article-html-content span{color:inherit}.article-html-content h2,.article-html-content h3,.article-html-content h4,.article-html-content h5{color:#222;margin-top:32px;margin-bottom:12px;line-height:1.3}.article-html-content h2{font-size:24px}.article-html-content h3{font-size:20px}.article-html-content h4{font-size:17px}.article-html-content h5{font-size:15px}.article-html-content strong{font-weight:700}.article-html-content em{font-style:italic}.article-html-content mark{background-color:transparent;color:inherit;padding:2px 4px;border-radius:3px}.article-html-content img{max-width:100%;height:auto;border-radius:10px;margin:28px 0;display:block}.article-html-content ol,.article-html-content ul{padding-left:24px;margin:16px 0;line-height:1.7;color:#333}.article-html-content ul{list-style-type:disc!important}.article-html-content ol{list-style-type:decimal!important}.article-html-content li{display:list-item!important;margin-bottom:4px}.article-html-content blockquote{border-left:3px solid #ff914d;padding:12px 20px;margin:24px 0;background:#fff8f3;border-radius:0 8px 8px 0;font-style:italic;color:#555}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){#blog-page{padding:80px 16px 40px}.blog-hero h1{font-size:1.5rem}.blog-grid{grid-template-columns:1fr;gap:20px}#blog-article{padding:80px 16px 40px}.article-content h1{font-size:1.5rem}}