.blog-page-shell{padding-top:72px}.blog-search{display:flex;gap:10px;max-width:700px;margin:0 0 28px}.blog-search input{flex:1;padding:13px 15px;border:1px solid var(--border,#dce4ef);border-radius:12px;background:var(--surface,#fff);color:inherit}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px}.blog-list{display:grid;gap:20px}.blog-list-card,.blog-article,.blog-widget,.blog-empty{background:var(--surface,#fff);border:1px solid var(--border,#dce4ef);border-radius:18px;padding:24px}.blog-list-card{display:grid;grid-template-columns:220px 1fr;gap:22px}.blog-list-card img{width:100%;height:150px;object-fit:cover;border-radius:14px}.blog-list-card h2{font-size:1.35rem;margin:6px 0}.blog-list-card h2 a{color:inherit;text-decoration:none}.blog-meta{font-size:.86rem;color:#718096}.blog-sidebar{display:grid;gap:18px;align-content:start}.blog-widget{display:grid;gap:10px}.blog-widget>a{display:flex;justify-content:space-between;text-decoration:none}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud a{padding:6px 10px;border-radius:999px;background:#eef5ff;text-decoration:none;font-size:.85rem}.blog-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.blog-article-wrap{max-width:940px}.blog-article-layout{align-items:start}.blog-preview-notice{margin:0 0 24px;padding:14px 16px;border:1px solid #f0c36d;background:#fff7df;color:#3b3321;border-radius:12px;display:flex;gap:16px;justify-content:space-between;align-items:center}.blog-preview-notice a{font-weight:700}.blog-article{padding:clamp(22px,4vw,46px);margin-bottom:20px}.blog-article h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.06;margin:12px 0 18px}.blog-hero-image{width:100%;max-height:480px;object-fit:cover;border-radius:18px;margin-bottom:24px}.blog-lead{font-size:1.16rem;color:#5e6b7d}.blog-content{font-size:1.05rem;line-height:1.75}.blog-content img{max-width:100%;height:auto}.article-tags{margin-top:28px}.blog-filter-state{margin-bottom:20px}.blog-empty{text-align:center}@media(max-width:900px){.blog-layout{grid-template-columns:1fr}.blog-list-card{grid-template-columns:1fr}.blog-list-card img{height:220px}}