.blog-hero{max-width:820px;margin:0 auto;padding:128px 24px 8px;text-align:center}.blog-kicker{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.blog-hero h1{font-size:clamp(30px,5vw,46px);font-weight:600;line-height:1.2;margin:10px 0 14px}.blog-hero p{color:var(--muted);font-size:17px;max-width:620px;margin:0 auto}.blog-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:820px;margin:28px auto 0;padding:0 24px}.blog-chip{font:inherit;font-size:14px;padding:8px 18px;cursor:pointer;border:1px solid #d0d3d8;border-radius:999px;background:#fff;color:var(--fg);transition:background .2s,color .2s,border-color .2s}.blog-chip.on,.blog-chip:hover{border-color:var(--fg)}.blog-chip.on{background:var(--fg);color:#fff}.blog-wrap{max-width:1120px;margin:0 auto;padding:36px 24px 96px}.blog-grid{display:grid;grid-gap:28px;gap:28px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.blog-empty{text-align:center;padding:64px 24px;border:1px dashed #d0d3d8;border-radius:16px;color:var(--muted)}.blog-empty h2{color:var(--fg);font-size:22px;font-weight:600;margin-bottom:8px}.blog-empty p{max-width:520px;margin:0 auto 22px}.pc{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;transition:transform .3s,box-shadow .3s}.pc:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.1)}.pc-media{position:relative;aspect-ratio:16/10;background:#e9ecf0;overflow:hidden}.pc-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.pc:hover .pc-media img{transform:scale(1.05)}.pc-ph{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#2b2f36,#0f1114)}.pc-ph img{width:34%;height:auto;object-fit:contain;opacity:.9}.pc:hover .pc-ph img{transform:none}.pc-cat{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--fg);font-size:12px;font-weight:600}.pc-body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 24px;flex:1 1}.pc-meta{font-size:12.5px;color:#8a8d93}.pc-title{font-size:18px;font-weight:600;line-height:1.4}.pc-sum{font-size:14px;color:var(--muted);flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pc-more{margin-top:6px;font-size:14px;font-weight:500;color:var(--accent)}.blog-feature{display:grid;grid-template-columns:1.25fr 1fr;margin-bottom:36px;background:#f7f8fa}.blog-feature .pc-media{aspect-ratio:auto;min-height:320px}.blog-feature .pc-body{padding:36px;justify-content:center;gap:12px}.blog-feature .pc-title{font-size:clamp(22px,2.6vw,30px);line-height:1.3}.blog-feature .pc-sum{flex:none;font-size:15.5px;-webkit-line-clamp:4}@media (max-width:820px){.blog-feature{grid-template-columns:1fr}.blog-feature .pc-media{aspect-ratio:16/10;min-height:0}.blog-feature .pc-body{padding:22px}}.post{max-width:760px;margin:0 auto;padding:112px 24px 40px}.post-cat{display:inline-block;background:#eef3ff;color:var(--accent);padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600}.post-head h1{font-size:clamp(28px,4.4vw,42px);font-weight:600;line-height:1.3;margin:14px 0}.post-lead{font-size:18px;color:var(--muted);line-height:1.75}.post-meta{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:13.5px;color:#7a7d83;margin-top:16px}.post-cover{margin:30px 0 36px;border-radius:16px;overflow:hidden;background:#e9ecf0;box-shadow:0 14px 40px rgba(0,0,0,.12)}.post-cover img{width:100%;max-height:460px;object-fit:cover}@media (min-width:900px){.post-cover{margin-left:-60px;margin-right:-60px}}.post-toc{border:1px solid var(--line);border-radius:12px;padding:16px 20px;background:#f7f8fa;margin:0 0 32px}.post-toc strong{font-size:14px}.post-toc ol{margin:8px 0 0 20px;display:grid;grid-gap:4px;gap:4px;font-size:15px}.post-toc a{color:var(--muted)}.post-toc a:hover{color:var(--accent)}.post-body{font-size:17px;line-height:1.9;color:#2a2d33}.post-body>*+*{margin-top:1.15em}.post-body h2{font-size:clamp(22px,3vw,28px);line-height:1.35;margin-top:2.2em;scroll-margin-top:84px}.post-body h2,.post-body h3{font-weight:600;color:var(--fg)}.post-body h3{font-size:20px;line-height:1.4;margin-top:1.8em}.post-body ul{list-style:none;display:grid;grid-gap:.5em;gap:.5em}.post-body li{position:relative;padding-left:26px}.post-body li:before{content:"";position:absolute;left:6px;top:.85em;width:7px;height:7px;border-radius:50%;background:var(--accent)}.post-body blockquote{padding:18px 22px;border-left:4px solid var(--accent);border-radius:0 12px 12px 0;background:#f4f7ff;font-size:18px;color:var(--fg)}.post-fig img{width:100%;border-radius:14px}.post-fig figcaption{text-align:center;font-size:13.5px;color:#7a7d83;margin-top:8px}.post-cta-wrap{max-width:760px;margin:0 auto;padding:24px 24px 72px}.post-cta{background:#171a20;color:#fff;border-radius:20px;padding:40px 28px;text-align:center}.post-cta h2{font-size:clamp(20px,3vw,26px);font-weight:600;margin-bottom:8px}.post-cta p{opacity:.8;margin-bottom:22px}.post-cta .actions{justify-content:center}.post-cta .btn{background:#fff;color:var(--fg);min-width:200px}.post-cta .btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.post-rel{max-width:1120px;margin:0 auto;padding:24px 24px 96px}.post-rel>h2{font-size:clamp(22px,3vw,30px);font-weight:600;text-align:center;margin-bottom:32px}