/* ---------- Blog ---------- */
.b-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}
.b-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .15s,border-color .15s}
.b-card:hover{transform:translateY(-3px);border-color:var(--ink)}
.b-cover{aspect-ratio:16/10;background:var(--sand);overflow:hidden}
.b-cover img{width:100%;height:100%;object-fit:cover;display:block}
.b-cbody{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.b-cat{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.b-card h3{margin:0;font-size:1.3rem;font-weight:900;line-height:1.15}
.b-card p{margin:0;color:var(--muted);font-size:.97rem}
.b-date{font-size:.85rem;color:var(--muted);margin-top:auto;padding-top:6px}
.b-read{font-weight:800}
/* post */
.b-post{max-width:720px;margin:0 auto}
.b-post header{margin:8px 0 24px}
.b-post h1{font-size:clamp(2rem,5vw,3rem);line-height:1.05;font-weight:900;margin:8px 0 12px;letter-spacing:-.01em}
.b-post .b-lead{font-size:1.2rem;color:var(--muted);margin:0 0 10px}
.b-hero{border-radius:18px;overflow:hidden;margin:0 0 28px;aspect-ratio:16/9;background:var(--sand)}
.b-hero img{width:100%;height:100%;object-fit:cover;display:block}
.b-content{font-size:1.1rem;line-height:1.7}
.b-content h2{font-size:1.6rem;font-weight:900;line-height:1.2;margin:36px 0 10px}
.b-content p{margin:0 0 16px}
.b-content ul{margin:0 0 18px;padding-left:22px}
.b-content li{margin:0 0 8px}
.b-content a{color:inherit;text-decoration-color:var(--paint);text-decoration-thickness:2px;text-underline-offset:3px}
.b-fig{margin:26px 0}
.b-fig img{width:100%;max-height:640px;object-fit:cover;border-radius:14px;display:block}
.b-fig figcaption{font-size:.92rem;color:var(--muted);text-align:center;margin-top:8px;font-style:italic}
.b-ph{aspect-ratio:4/3;background:var(--sand);border-radius:14px}
.b-tip{background:#FBE7B5;color:#2A2010;border-left:6px solid var(--paint);border-radius:12px;padding:16px 20px;margin:24px 0}
.b-tip.note{background:#EEF3EA;border-left-color:#5E9A58}
.b-tip-t{display:block;font-size:1.05rem;margin-bottom:6px}
.b-tip p{margin:0 0 6px}
.b-tip p:last-child{margin:0}
.b-table{overflow-x:auto;margin:20px 0}
.b-table table{border-collapse:collapse;width:100%;font-size:.98rem}
.b-table th{background:var(--ink);color:var(--surface);text-align:left;padding:10px 12px}
.b-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.b-table tr:nth-child(even) td{background:var(--surface-2)}
.b-ig iframe{width:100%;max-width:480px;height:640px;border:0;border-radius:12px;display:block;margin:24px auto;background:#fff}
.b-yt{position:relative;aspect-ratio:16/9;margin:24px 0}
.b-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}
.b-follow{margin:40px 0 0;background:var(--sign);color:var(--sign-ink);border-radius:16px;padding:22px 24px;box-shadow:inset 0 0 0 5px var(--sign),inset 0 0 0 7px var(--sign-ink)}
.b-follow strong{font-size:1.2rem}
.b-follow p{margin:6px 0}
.b-follow a{color:var(--paint)}
.b-social{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.b-social a{background:rgba(255,255,255,.1);padding:7px 12px;border-radius:999px;text-decoration:none;font-weight:700}
.b-note-lang{background:var(--surface);border:1px dashed var(--line);border-radius:10px;padding:8px 12px;font-size:.9rem;color:var(--muted);margin:0 0 16px}