.blog-page{min-height:60vh}.blog-wrap{max-width:860px;margin:0 auto;padding:48px 32px 56px}.blog-head{margin-bottom:28px}.blog-head h1{font-size:32px;font-weight:680;letter-spacing:-.02em;color:var(--ink);margin:0 0 8px}.blog-head p{font-size:15px;color:var(--ink-4);margin:0}.blog-list{display:grid;gap:14px}.blog-card{display:block;text-decoration:none;background:var(--bg);border-radius:var(--r-5,16px);box-shadow:inset 0 0 0 1px var(--line),0 1px 2px rgba(15,19,32,.04);padding:22px 24px;transition:box-shadow .14s,transform .14s}.blog-card:hover{box-shadow:inset 0 0 0 1px var(--line-strong),0 8px 28px rgba(15,19,32,.08);transform:translateY(-1px)}.blog-card-date{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--ink-5);text-transform:uppercase}.blog-card-title{font-size:20px;font-weight:650;letter-spacing:-.014em;color:var(--ink);margin:8px 0}.blog-card-excerpt{font-size:15px;line-height:1.6;color:var(--ink-3);margin:0 0 12px}.blog-card-more{font-size:14px;font-weight:600;color:var(--brand)}.blog-back{display:inline-block;font-size:14px;font-weight:500;color:var(--ink-4);text-decoration:none;margin-bottom:18px}.blog-back:hover{color:var(--ink-2)}.blog-article{background:var(--bg);border-radius:var(--r-5,16px);box-shadow:inset 0 0 0 1px var(--line),0 8px 32px rgba(15,19,32,.06);padding:36px 40px 44px}.blog-article-title{font-size:30px;font-weight:680;letter-spacing:-.02em;color:var(--ink);margin:10px 0 20px}.blog-article p{font-size:16px;line-height:1.75;color:var(--ink-2);margin:0 0 16px}.blog-article h2{font-size:20px;font-weight:650;letter-spacing:-.014em;color:var(--ink);margin:28px 0 14px}.blog-article ol{list-style:decimal;padding-left:24px;margin:0 0 16px}.blog-article li{font-size:16px;line-height:1.75;color:var(--ink-2);margin-bottom:8px}.blog-article p a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}.blog-radar-preview{margin:24px 0;padding:14px;border:1px solid var(--line);border-radius:var(--r-4,12px);background:var(--bg)}.blog-radar-preview .rl-panel{flex-wrap:wrap;font-size:12px}.blog-radar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.blog-radar-preview .rl-card{font-size:12px}.blog-shot{margin:0 0 34px}.blog-shot-title{font-size:20px;font-weight:650;letter-spacing:-.014em;color:var(--ink);margin:0 0 6px}.blog-shot-title a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.blog-shot-title a:hover{color:var(--brand)}.blog-shot-title .arr{color:var(--brand);font-weight:400}.blog-shot-desc{font-size:15px;line-height:1.65;color:var(--ink-3);margin:0 0 16px}.blog-shot-frame{display:block;border-radius:var(--r-4,12px);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line),0 8px 30px rgba(15,19,32,.1)}.blog-shot-frame img{display:block;width:100%;height:auto}.blog-shot figcaption{margin-top:10px;font-size:13px;line-height:1.5;color:var(--ink-4)}a.blog-shot-frame{transition:box-shadow .16s,transform .16s}a.blog-shot-frame:hover{box-shadow:inset 0 0 0 1px var(--brand),0 14px 40px rgba(15,19,32,.16);transform:translateY(-2px)}.blog-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:28px 0 4px;padding:24px 26px;border-radius:var(--r-5,16px);background:linear-gradient(135deg,var(--brand-600,var(--brand)),var(--brand-800,var(--brand)));color:#fff}.blog-cta-body{display:flex;flex-direction:column;gap:4px}.blog-cta-title{font-size:19px;font-weight:680;letter-spacing:-.01em}.blog-cta-sub{font-size:14px;color:rgba(255,255,255,.8)}.blog-cta-code{align-self:flex-start;margin-top:8px;font-size:18px;font-weight:700;letter-spacing:.08em;padding:6px 14px;border-radius:10px;background:rgba(255,255,255,.16);border:1px dashed rgba(255,255,255,.5)}.blog-cta-btn{flex:none;text-decoration:none;white-space:nowrap;padding:12px 22px;border-radius:var(--r-3,10px);background:#fff;color:var(--brand-700,var(--brand));font-size:15px;font-weight:650;transition:transform .12s,box-shadow .12s}.blog-cta-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.18)}@media (max-width:640px){.blog-radar-preview{padding:10px}.blog-radar-grid{grid-template-columns:1fr}.blog-radar-preview .rl-sp,.blog-radar-preview .rl-vr{display:none}.blog-wrap{padding:28px 16px 40px}.blog-head h1{font-size:26px}.blog-article{padding:24px 18px 30px}.blog-article-title{font-size:24px}.blog-features{grid-template-columns:1fr}.blog-cta{flex-direction:column;align-items:stretch;text-align:left}.blog-cta-btn{text-align:center}}