.blog-list{gap:12px;padding:0 18px 28px;display:grid}.blog-card{border:1px solid var(--color-line);background:#fff;border-radius:14px;padding:16px;display:block}.blog-card time,.blog-post time{color:var(--color-muted);font-size:11px}.blog-card h2{margin-top:4px;font-size:18px}.blog-card p{color:var(--color-muted);margin-top:6px;font-size:13px}.blog-card em{color:var(--color-brand);margin-top:8px;font-size:12px;font-style:normal;font-weight:700;display:block}.blog-empty{border:1px dashed var(--color-line);text-align:center;color:var(--color-muted);border-radius:14px;margin:0 18px 28px;padding:22px 16px}.blog-post{padding:26px 18px 28px}.blog-post h1{margin-top:6px;font-size:30px;line-height:1.12}.blog-post .blog-body p{margin-top:14px;font-size:15px;line-height:1.7}.blog-back{width:fit-content;color:var(--color-brand);margin-bottom:14px;font-size:12px;font-weight:700;display:block}.blog-post .blog-body h2{margin-top:26px;font-size:19px;line-height:1.3}.blog-cover{background:var(--color-line);border-radius:10px;width:100%;height:auto;display:block}.blog-card .blog-cover{margin-bottom:12px}.blog-post .blog-cover{margin-top:16px}.blog-figure{margin-top:18px}.blog-figure div{gap:8px;display:flex}.blog-figure img{border:1px solid var(--color-line);border-radius:10px;flex:1;min-width:0;height:auto}.blog-figure figcaption{color:var(--color-muted);text-align:center;margin-top:6px;font-size:12px}