.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:8px;display:grid}.blog-card{background:var(--surface,#ffffff0a);border:1px solid var(--border,#ffffff14);color:inherit;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--accent,#ff4343);transform:translateY(-4px);box-shadow:0 12px 30px #00000059}.blog-card-img{aspect-ratio:16/9;background:#00000040;width:100%;position:relative;overflow:hidden}.blog-card-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.blog-card-img-fallback{width:100%;height:100%;color:var(--text-soft,#ffffff73);justify-content:center;align-items:center;font-size:2.4rem;display:flex}.blog-card-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.blog-card-title{color:var(--text,#fff);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.05rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-card-excerpt{color:var(--text-soft,#fff9);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-meta{color:var(--text-soft,#ffffff80);flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:6px;font-size:.8rem;display:flex}.blog-card-meta i{color:var(--accent,#ff4343);margin-right:5px}.blog-empty,.blog-card-skeleton .skeleton-line{color:var(--text-soft,#ffffff80)}.blog-card-skeleton{pointer-events:none}.blog-card-skeleton .blog-card-img{background:#ffffff0d}.blog-article{max-width:820px;padding-top:calc(var(--header-h,92px) + 28px);margin:0 auto;padding-bottom:70px}.blog-article-cover{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border,#ffffff14);border-radius:18px;width:100%;margin-bottom:24px}.blog-article-title{color:var(--text,#fff);margin:0 0 14px;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;line-height:1.2}.blog-article-meta{color:var(--text-soft,#ffffff8c);border-bottom:1px solid var(--border,#ffffff14);flex-wrap:wrap;gap:18px;margin-bottom:28px;padding-bottom:20px;font-size:.9rem;display:flex}.blog-article-meta i{color:var(--accent,#ff4343);margin-right:6px}.blog-article-content{color:var(--text,#ffffffeb);white-space:pre-wrap;word-break:break-word;font-size:1.05rem;line-height:1.8}.blog-article-content p{margin:0 0 1.1em}.blog-related{margin-top:48px}.blog-related h3{color:var(--text,#fff);margin:0 0 18px;font-size:1.2rem;font-weight:700}.blog-related-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.blog-related-card{color:inherit;text-decoration:none}.blog-related-card img{aspect-ratio:2/3;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border,#ffffff14);border-radius:12px;width:100%;transition:transform .18s,border-color .18s}.blog-related-card:hover img{border-color:var(--accent,#ff4343);transform:translateY(-3px)}.blog-related-card span{color:var(--text-soft,#ffffffb3);white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:.85rem;display:block;overflow:hidden}