.blog-page{--blog-ink:#0f0f0f;--blog-muted:#757575;--blog-line:#e5e7eb;--blog-card-line:#dbdbdb;--blog-accent:#4533eb;--blog-soft:#f7f7f9;min-height:100vh;color:var(--blog-ink);font-family:var(--font-poppins), "MiSans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;background-color:#fff}.blog-index{background-image:linear-gradient(#e2d8f6 0%,#ece6fa 190px,#fff 430px);background-repeat:no-repeat}.blog-shell{max-width:1226px;margin:0 auto;padding:0 24px}.blog-hero{padding:22px 0 8px}.blog-breadcrumb{align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.blog-breadcrumb a{color:var(--blog-ink);text-decoration:none}.blog-breadcrumb a:hover{text-underline-offset:3px;text-decoration:underline}.blog-breadcrumb svg{color:#9b9b9b;width:14px;height:14px}.blog-breadcrumb span[aria-current]{color:var(--blog-ink)}.blog-hero-title{color:var(--blog-ink);letter-spacing:-.02em;text-align:center;text-wrap:balance;margin:clamp(48px,8vw,96px) 0 0;font-size:clamp(44px,6.2vw,72px);font-weight:700;line-height:1.1}.blog-list-section{padding:40px 24px 110px}.blog-search{border:1px solid var(--blog-line);background:#fff;border-radius:16px;align-items:center;gap:12px;max-width:568px;height:54px;margin:0 auto;padding:0 20px;transition:border-color .15s,box-shadow .15s;display:flex}.blog-search:focus-within{border-color:#b9b9c2;box-shadow:0 6px 20px #0f0f0f0f}.blog-search svg{color:#6f6f6f;flex:none;width:18px;height:18px}.blog-search input{height:100%;color:var(--blog-ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.blog-search input::placeholder{color:var(--blog-muted)}.blog-post-grid{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:32px;display:flex}.blog-post-card{border:1px solid var(--blog-card-line);background:#fff;border-radius:16px;flex-direction:column;width:376px;max-width:100%;text-decoration:none;transition:box-shadow .18s,transform .18s,border-color .18s;display:flex;overflow:hidden}.blog-post-card:hover{border-color:#c9c9c9;transform:translateY(-2px);box-shadow:0 16px 40px #0f0f0f1a}.blog-post-card>img,.blog-post-card-fallback{aspect-ratio:379/215;object-fit:cover;background:var(--blog-soft);width:100%;display:block}.blog-post-card-body{flex-direction:column;padding:16px 16px 24px;display:flex}.blog-post-card-title{color:var(--blog-ink);font-size:16px;font-weight:600;line-height:24px}.blog-post-card:hover .blog-post-card-title{text-underline-offset:3px;text-decoration:underline}.blog-post-card-author{color:var(--blog-ink);align-items:center;gap:8px;margin-top:24px;font-size:16px;display:flex}.blog-author-avatar{color:#1c1c22;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.blog-empty{color:var(--blog-muted);text-align:center;margin:48px 0 0}.blog-article-page{padding:72px 0 100px}.blog-article-nav a{color:var(--blog-muted);align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.blog-article-nav svg{width:17px;height:17px}.blog-article{max-width:860px;margin:34px auto 0}.blog-article-header{text-align:center}.blog-article-header .blog-meta-row{justify-content:center}.blog-article-header h1{letter-spacing:-.035em;margin:18px 0 0;font-size:clamp(38px,5.4vw,66px);font-weight:830;line-height:1.02}.blog-article-header p{max-width:720px;color:var(--blog-muted);margin:20px auto 0;font-size:clamp(17px,1.6vw,20px);line-height:1.65}.blog-article-header .blog-tags{justify-content:center}.blog-article-cover{aspect-ratio:16/9;object-fit:cover;border-radius:26px;width:100%;margin-top:38px;display:block;box-shadow:0 22px 58px #14141e1a}.blog-meta-row{color:#8a8a96;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;font-weight:700;display:flex}.blog-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.blog-tags span{color:#4132d7;background:#f0efff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.blog-mdx{color:#25252c;margin-top:46px;font-size:18px;line-height:1.78}.blog-mdx h2,.blog-mdx h3{color:var(--blog-ink);letter-spacing:-.02em;line-height:1.15}.blog-mdx h2{margin:54px 0 16px;font-size:clamp(28px,3vw,38px)}.blog-mdx h3{margin:36px 0 12px;font-size:24px}.blog-mdx p,.blog-mdx ul,.blog-mdx ol{margin:18px 0 0}.blog-mdx ul,.blog-mdx ol{padding-left:1.35em}.blog-mdx li+li{margin-top:8px}.blog-mdx a{color:var(--blog-accent);text-underline-offset:4px}.blog-mdx blockquote{border:1px solid var(--blog-line);color:#454550;background:#f7f7f9b8;border-radius:18px;margin:28px 0;padding:18px 20px}@media (max-width:640px){.blog-shell{padding:0 16px}.blog-hero{padding-top:16px}.blog-list-section{padding:30px 16px 76px}.blog-search{border-radius:13px;height:48px}.blog-article-page{padding:48px 0 76px}.blog-mdx{font-size:16px}}