.blog-page{width:100%;max-width:1080px;margin:0 auto;padding:8px 0 48px}.blog-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-muted,#8a8f98);margin-bottom:18px}.blog-breadcrumb a{color:inherit;text-decoration:none}.blog-breadcrumb a:hover{text-decoration:underline}.blog-breadcrumb__sep{opacity:.6}.blog-breadcrumb [aria-current=page]{color:var(--text-strong,#12141a);font-weight:600}.blog-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;margin:0 0 28px}.blog-subtitle,.blog-title{color:var(--text-strong,#12141a)}.blog-subtitle{font-size:1.35rem;font-weight:700;margin:0 0 20px}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:22px;gap:22px}@media (max-width:720px){.blog-grid{grid-template-columns:1fr}}.blog-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--card-bg,#fff);border:1px solid var(--card-border,rgba(0,0,0,.06));text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.1);border-color:var(--card-border-hover,rgba(0,0,0,.12))}.blog-card__cover{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.blog-card__emoji{font-size:3.4rem;line-height:1}.blog-card__cover img{width:100%;height:100%;object-fit:cover;display:block}.blog-empty{flex-direction:column;text-align:center;gap:16px;min-height:42vh;padding:48px 20px}.blog-empty,.blog-empty__icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted,#8a8f98)}.blog-empty__icon{width:60px;height:60px;border-radius:16px;background:var(--bg-subtle,#f6f6f7);font-size:24px}.blog-empty__text{margin:0;font-size:16px;line-height:1.5}.blog-sentinel{display:flex;align-items:center;justify-content:center;padding:28px 0 8px}.blog-sentinel__spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--border,#ececec);border-top-color:var(--brand,#ff7a00);animation:blog-spin .7s linear infinite}@keyframes blog-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.blog-sentinel__spinner{animation-duration:2s}}.blog-card--rose .blog-card__cover{background:#fbe0e3}.blog-card--violet .blog-card__cover{background:#e9e3fb}.blog-card--sky .blog-card__cover{background:#d9ebfb}.blog-card--mint .blog-card__cover{background:#dcf1de}.blog-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px}.blog-card__tag{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e0653a;background:rgba(224,101,58,.1);padding:4px 10px;border-radius:999px}.blog-card__title{font-size:1.22rem;font-weight:700;line-height:1.28;margin:2px 0 0;color:var(--text-strong,#12141a)}.blog-card__excerpt{font-size:.94rem;line-height:1.5;color:var(--text-muted,#6b7280);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.85rem;color:var(--text-muted,#8a8f98);margin-top:6px}.blog-card__avatar{width:24px;height:24px;border-radius:50%;background:#e0653a;color:#fff;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.blog-card__author{font-weight:600;color:var(--text-strong,#333)}.blog-card__dot{opacity:.6}:root[data-theme=dark] .blog-card{--card-bg:#16181d;--card-border:rgba(255,255,255,0.08);--card-border-hover:rgba(255,255,255,0.16)}:root[data-theme=dark] .blog-breadcrumb [aria-current=page],:root[data-theme=dark] .blog-card__title,:root[data-theme=dark] .blog-subtitle,:root[data-theme=dark] .blog-title{color:#f4f5f7}:root[data-theme=dark] .blog-card__excerpt{color:#9aa0aa}:root[data-theme=dark] .blog-card__author{color:#d6d9de}:root[data-theme=dark] .blog-card--rose .blog-card__cover{background:#4a2b30}:root[data-theme=dark] .blog-card--violet .blog-card__cover{background:#322c4a}:root[data-theme=dark] .blog-card--sky .blog-card__cover{background:#26374a}:root[data-theme=dark] .blog-card--mint .blog-card__cover{background:#29402c}