.blog-page{background:#f4f4f6;min-height:100vh;padding:12px}.blog-top{justify-content:space-between;align-items:center;max-width:880px;margin:0 auto;padding:20px 4px;display:flex}.blog-back{color:#6f6f78;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.blog-back:hover{color:#0b0b0c}.blog-wrap{max-width:880px;margin:0 auto 40px}.blog-head{text-align:center;margin:24px 0 40px}.blog-head h1{letter-spacing:-.03em;margin:0 0 10px;font-size:40px;font-weight:800}.blog-head p{color:#6f6f78;margin:0;font-size:16px}.blog-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.blog-card{background:#fff;border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 10px #0b0b0c0d}.blog-card-cover{aspect-ratio:16/9;object-fit:cover;background:#eceef3;width:100%}.blog-card-body{flex-direction:column;flex:1;gap:8px;padding:22px 24px 26px;display:flex}.blog-card-date{color:#8b8b94;font-size:12.5px;font-weight:700}.blog-card-title{letter-spacing:-.02em;color:#0b0b0c;margin:0;font-size:19px;font-weight:800}.blog-card-excerpt{color:#6f6f78;flex:1;margin:0;font-size:14px;line-height:1.6}.blog-card-link{color:#2540ff;margin-top:6px;font-size:13.5px;font-weight:700}.blog-empty{text-align:center;color:#8b8b94;padding:80px 20px}.blog-post-card{background:#fff;border-radius:32px;max-width:720px;margin:12px auto 40px;padding:40px 36px 48px}.blog-post-cover{object-fit:cover;border-radius:20px;width:100%;max-height:360px;margin:0 0 28px}.blog-post-date{color:#8b8b94;margin:0 0 8px;font-size:13px;font-weight:600}.blog-post-card h1{letter-spacing:-.03em;margin:0 0 24px;font-size:32px;font-weight:800}.blog-prose p,.blog-prose li{color:#35353c;font-size:15.5px;line-height:1.75}.blog-prose p{margin:0 0 16px}.blog-prose h2{letter-spacing:-.02em;margin:32px 0 12px;font-size:22px;font-weight:800}.blog-prose h2:first-child{margin-top:0}.blog-prose h3{margin:24px 0 10px;font-size:18px;font-weight:700}.blog-prose ul,.blog-prose ol{flex-direction:column;gap:6px;margin:0 0 16px;padding-left:22px;display:flex}.blog-prose a{color:#2540ff;font-weight:700}.blog-prose a:hover{text-decoration:underline}.blog-prose img{border-radius:16px;max-width:100%;margin:12px 0}.blog-prose blockquote{color:#6f6f78;border-left:3px solid #2540ff;margin:0 0 16px;padding:4px 18px}.blog-prose code{background:#f4f4f6;border-radius:6px;padding:2px 6px;font-size:.9em}.blog-prose pre{color:#f2f2f3;background:#0b0b0c;border-radius:14px;margin:0 0 16px;padding:16px 18px;overflow-x:auto}.blog-prose pre code{background:0 0;padding:0}.u-blog-preview{background:var(--d-surface-2);border-radius:16px;margin-bottom:4px;padding:16px 18px}@media (max-width:720px){.blog-grid{grid-template-columns:1fr}.blog-head h1{font-size:30px}.blog-post-card{border-radius:24px;padding:28px 20px 36px}.blog-post-card h1{font-size:26px}}
