.blog-page{background:var(--color-bg);min-height:60vh}.blog-wrap{max-width:1080px;margin:0 auto;padding:48px 24px 80px}.blog-post-wrap{max-width:760px}.blog-list-header{text-align:center;margin-bottom:32px}.blog-list-header h1{font-size:2.4rem;margin-bottom:8px}.blog-list-header p{color:var(--color-text-muted);font-size:1.05rem}.blog-category-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.blog-chip{display:inline-block;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;text-decoration:none}.blog-chip-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.blog-active-tag{text-align:center;margin-bottom:20px;font-size:14px;color:var(--color-text-muted)}.blog-empty{text-align:center;padding:60px 0;color:var(--color-text-muted)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.blog-card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.blog-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.blog-card-image{width:100%;height:auto;aspect-ratio:600 / 340;object-fit:cover;display:block}.blog-card-body{padding:16px 18px 20px}.blog-card-category{display:inline-block;font-size:12px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.blog-card-body h2{font-size:1.15rem;margin:0 0 8px}.blog-card-body p{color:var(--color-text-muted);font-size:.92rem;line-height:1.5;margin:0 0 12px}.blog-card-meta{display:flex;gap:6px;font-size:12px;color:var(--color-text-muted)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px;font-size:14px}.blog-breadcrumb{display:flex;gap:8px;font-size:13px;color:var(--color-text-muted);margin-bottom:24px}.blog-breadcrumb a{color:var(--color-text-muted)}.blog-post-header h1{font-size:2rem;line-height:1.25;margin:8px 0 12px}.blog-post-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--color-text-muted);margin-bottom:24px}.blog-post-cover{width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;border-radius:12px;margin-bottom:32px}.blog-post-body{font-size:1.05rem;line-height:1.75;color:var(--color-text)}.blog-post-body h2{font-size:1.4rem;margin:32px 0 12px}.blog-post-body h3{font-size:1.15rem;margin:24px 0 10px}.blog-post-body p{margin:0 0 16px}.blog-post-body ul,.blog-post-body ol{margin:0 0 16px;padding-left:24px}.blog-post-body li{margin-bottom:6px}.blog-post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.blog-post-cta{margin-top:48px;padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;text-align:center}.blog-post-cta h2{font-size:1.3rem;margin:0 0 8px}.blog-post-cta p{color:var(--color-text-muted);margin:0 0 20px}.blog-related{margin-top:56px}.blog-related h2{font-size:1.4rem;margin-bottom:20px}@media(max-width:640px){.blog-list-header h1{font-size:1.8rem}.blog-post-header h1{font-size:1.5rem}}