.p-blog .bl-empty{text-align:center;color:var(--muted);padding:24px 0}
.p-blog .bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.p-blog .bl-card{display:flex;flex-direction:column;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);overflow:hidden}
.p-blog .bl-card__cover{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;background:var(--accent-tint)}
.p-blog .bl-card__cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.p-blog .bl-card__cover .bl-card__mark{position:static;width:56px;height:56px;object-fit:contain}
.p-blog .bl-card__text{padding:22px}
.p-blog .bl-card time{font-size:13px;font-weight:600;color:var(--muted)}
.p-blog .bl-card h2{font-size:19px;line-height:1.3;margin:8px 0}
.p-blog .bl-card h2 a{color:var(--ink)}
.p-blog .bl-card h2 a:hover{color:var(--accent)}
.p-blog .bl-card p{font-size:14.5px;color:var(--ink-soft);overflow-wrap:anywhere}
.p-blog .bl-pages{display:flex;justify-content:center;gap:12px;margin-top:40px}
.p-blog .bl-back{display:block;margin-bottom:18px;font-size:14px;font-weight:600;color:var(--accent)}
.p-blog .bl-date{display:block;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--muted)}
.p-blog .bl-title{max-width:820px;margin:0 auto;overflow-wrap:anywhere}
.p-blog .bl-cover{display:block;width:100%;max-width:960px;aspect-ratio:16/9;object-fit:cover;margin:0 auto 40px;border-radius:var(--r-lg)}
.p-blog .bl-prose{max-width:720px;margin:0 auto;font-size:17px;line-height:1.75;color:var(--ink-soft);overflow-wrap:anywhere}
.p-blog .bl-prose h1,.p-blog .bl-prose h2{font-size:26px;line-height:1.3;margin:40px 0 12px;color:var(--ink)}
.p-blog .bl-prose h3{font-size:20px;line-height:1.35;margin:30px 0 10px;color:var(--ink)}
.p-blog .bl-prose h4{font-size:17px;margin:24px 0 8px;color:var(--ink)}
.p-blog .bl-prose>:first-child{margin-top:0}
.p-blog .bl-prose p,.p-blog .bl-prose ul,.p-blog .bl-prose ol,.p-blog .bl-prose table,.p-blog .bl-prose pre{margin:0 0 20px}
.p-blog .bl-prose ul,.p-blog .bl-prose ol{padding-left:24px}
.p-blog .bl-prose ul{list-style:disc}
.p-blog .bl-prose ol{list-style:decimal}
.p-blog .bl-prose li{margin-bottom:8px}
.p-blog .bl-prose a{color:var(--accent);text-decoration:underline}
.p-blog .bl-prose img{max-width:100%;height:auto;border-radius:var(--r)}
.p-blog .bl-prose blockquote{margin:0 0 20px;padding:4px 0 4px 18px;border-left:3px solid var(--accent);color:var(--ink)}
.p-blog .bl-prose blockquote p:last-child{margin:0}
.p-blog .bl-prose code{font:14px var(--font-mono);padding:2px 6px;border-radius:6px;background:var(--surface)}
.p-blog .bl-prose pre{padding:16px;border-radius:var(--r-sm);background:var(--surface);overflow-x:auto}
.p-blog .bl-prose pre code{padding:0;background:none}
.p-blog .bl-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px;overflow-wrap:normal}
.p-blog .bl-prose th,.p-blog .bl-prose td{padding:10px 12px;border:1px solid var(--border);text-align:left;vertical-align:top}
.p-blog .bl-prose th{background:var(--surface);color:var(--ink)}
.p-blog .bl-prose hr{margin:32px 0;border:0;border-top:1px solid var(--border)}
.p-blog .bl-next{max-width:720px;margin:48px auto 0;padding:28px;border-radius:var(--r-xl);background:var(--surface)}
.p-blog .bl-next h2{font-size:22px;margin-bottom:6px}
.p-blog .bl-next p{color:var(--ink-soft);margin-bottom:16px}
@media (max-width:980px){.p-blog .bl-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.p-blog .bl-grid{grid-template-columns:1fr}.p-blog .bl-prose{font-size:16px}.p-blog .bl-cover{margin-bottom:28px}}