:root{--blog-ink:#17282c;--blog-muted:#6f8083;--blog-line:#dce7e5;--blog-paper:#fff;--blog-mist:#f4f9f8;--blog-teal:#176c70;--blog-accent:#9a4143}*{box-sizing:border-box}body.blog-page{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 0,#e1f1ed,transparent 32%),#f7faf9;color:var(--blog-ink);font:16px/1.8 "Microsoft YaHei","PingFang SC",system-ui,sans-serif}.blog-wrap{width:min(850px,calc(100% - 42px));margin:auto}.blog-header{border-bottom:1px solid var(--blog-line);background:rgba(255,255,255,.64);backdrop-filter:blur(12px)}.blog-header .blog-wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:20px}.blog-brand{display:flex;align-items:center;gap:9px;color:var(--blog-ink);font:700 1rem Georgia,"Microsoft YaHei",serif;text-decoration:none}.blog-brand span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--blog-teal);color:#fff}.blog-back{color:var(--blog-muted);font-size:.82rem;font-weight:800;text-decoration:none}.blog-back:hover{color:var(--blog-teal)}.blog-index{padding:64px 0 84px}.blog-kicker{margin:0;color:var(--blog-teal);font-size:.73rem;font-weight:900;letter-spacing:.16em}.blog-index h1,.blog-post h1{margin:4px 0 6px;font:500 clamp(2.8rem,7vw,5.1rem)/1.08 Georgia,"Songti SC","Microsoft YaHei",serif;letter-spacing:-.065em}.blog-lede{margin:0;color:var(--blog-muted)}.blog-list{margin-top:48px;border-top:1px solid var(--blog-ink)}.blog-list-item{display:grid;grid-template-columns:112px minmax(0,1fr) 28px;gap:24px;align-items:center;padding:25px 3px;border-bottom:1px solid var(--blog-line)}.blog-list-date{display:grid;gap:4px;color:var(--blog-muted);font-size:.74rem}.blog-list-date time{font:600 .87rem Georgia,serif;color:#52676a}.blog-list-item h2{margin:0;font:500 clamp(1.1rem,2vw,1.4rem)/1.35 Georgia,"Songti SC","Microsoft YaHei",serif}.blog-list-item h2 a{color:inherit;text-decoration:none}.blog-list-item h2 a:hover{color:var(--blog-accent)}.blog-list-item p{margin:7px 0 0;color:var(--blog-muted);font-size:.86rem}.blog-list-arrow{color:var(--blog-accent);font-size:1.35rem;text-decoration:none}.blog-empty{padding:40px 0;color:var(--blog-muted)}.blog-post{max-width:770px;padding:65px 0 88px}.blog-post h1{font-size:clamp(2.45rem,6.2vw,4.5rem)}.blog-meta{display:flex;gap:14px;flex-wrap:wrap;margin:21px 0 35px;color:var(--blog-muted);font-size:.8rem}.blog-meta span{padding-left:14px;border-left:1px solid var(--blog-line)}.blog-cover{display:block;width:100%;max-height:500px;margin:0 0 42px;object-fit:cover;border-radius:4px}.blog-prose{font-size:1.05rem}.blog-prose>p:first-child{font-size:1.18rem}.blog-prose h1,.blog-prose h2,.blog-prose h3{margin:2em 0 .65em;font-family:Georgia,"Songti SC","Microsoft YaHei",serif;letter-spacing:-.035em}.blog-prose h1{font-size:2rem}.blog-prose h2{font-size:1.55rem}.blog-prose h3{font-size:1.2rem}.blog-prose p{margin:0 0 1.25em}.blog-prose a{color:var(--blog-teal);text-underline-offset:3px}.blog-prose blockquote{margin:1.8em 0;padding:3px 0 3px 22px;border-left:3px solid #80beb4;color:#4f696a}.blog-prose blockquote p{margin:0}.blog-prose ul,.blog-prose ol{padding-left:1.5em;margin:0 0 1.4em}.blog-prose li{margin:.35em 0}.blog-prose hr{height:1px;margin:2.4em 0;border:0;background:var(--blog-line)}.blog-prose code{padding:.12em .35em;border-radius:4px;background:#e9f3f1;font:90% ui-monospace,SFMono-Regular,Consolas,monospace}.blog-prose pre{overflow:auto;padding:17px;border-radius:10px;background:#173338;color:#eaf8f6}.blog-prose pre code{padding:0;background:transparent;color:inherit}.blog-preview-note{display:inline-block;margin:0 0 24px;padding:6px 10px;border:1px solid #e5b55b;border-radius:99px;background:#fff7df;color:#8a611d;font-size:.75rem;font-weight:800}.blog-footer{padding:28px 20px;border-top:1px solid var(--blog-line);color:var(--blog-muted);font-size:.78rem;text-align:center}.blog-footer a{color:inherit;text-decoration:none}@media(max-width:600px){.blog-wrap{width:min(100% - 30px,850px)}.blog-header .blog-wrap{min-height:62px}.blog-list{margin-top:32px}.blog-list-item{grid-template-columns:1fr 20px;gap:8px;padding:20px 0}.blog-list-date{grid-column:1/-1;grid-auto-flow:column;justify-content:start;gap:10px}.blog-list-item p{font-size:.8rem}.blog-post{padding-top:43px}.blog-prose{font-size:1rem}}