: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}}
.blog-post>.blog-kicker{font-size:.95rem;letter-spacing:.1em;font-weight:900}
.blog-post h1{font-size:clamp(2.2rem,4.8vw,3.8rem);line-height:1.14;letter-spacing:-.045em}
.blog-prose{line-height:1.72}
.blog-prose>p:first-child{font-size:1.05rem}
.blog-prose p{margin:0 0 1em}
.blog-prose h1,.blog-prose h2,.blog-prose h3{margin:1.7em 0 .55em;line-height:1.35}
.blog-prose h2{font-size:clamp(1.35rem,2.4vw,1.6rem);font-weight:600}
.blog-prose blockquote{margin:1.2em 0;padding:3px 0 3px 18px}
.blog-prose li{margin:.25em 0}
@media(max-width:600px){.blog-post h1{font-size:clamp(2rem,10vw,3rem);line-height:1.16}}
.blog-prose h2{position:relative;margin:2.25em 0 .85em;padding:.12em 0 .12em .85em;border-left:4px solid var(--blog-teal);font-size:clamp(1.55rem,2.8vw,1.9rem);font-weight:700;line-height:1.3;color:#142f33}
.blog-prose h3{font-size:1.25rem;font-weight:700;color:var(--blog-teal)}
.blog-header-links{display:flex;align-items:center;gap:18px}
.blog-feed-link{color:var(--blog-teal);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-decoration:none}
.blog-feed-link:hover{color:var(--blog-accent)}
.blog-filters{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(125px,.7fr) minmax(125px,.7fr) auto auto;gap:10px;align-items:end;margin:38px 0 14px;padding:15px;border:1px solid var(--blog-line);border-radius:12px;background:rgba(255,255,255,.58)}
.blog-filters label{display:grid;gap:5px;color:var(--blog-muted);font-size:.72rem;font-weight:800}
.blog-filters input,.blog-filters select{width:100%;height:39px;padding:0 10px;border:1px solid #cbdcda;border-radius:7px;background:#fff;color:var(--blog-ink);font:inherit;font-size:.82rem}
.blog-filters input:focus,.blog-filters select:focus{outline:3px solid #d8efea;border-color:var(--blog-teal)}
.blog-filters button,.blog-filter-clear{display:inline-flex;min-height:39px;align-items:center;justify-content:center;padding:0 13px;border:1px solid var(--blog-teal);border-radius:7px;background:var(--blog-teal);color:#fff;font-size:.78rem;font-weight:900;text-decoration:none;cursor:pointer}
.blog-filter-clear{border-color:#b8d1cd;background:#fff;color:var(--blog-teal)}
.blog-results-summary{margin:18px 0 12px;color:var(--blog-muted);font-size:.78rem}
.blog-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:32px;color:var(--blog-muted);font-size:.8rem}
.blog-pagination a,.blog-pagination span{display:inline-flex;min-height:35px;align-items:center;padding:0 10px;border:1px solid var(--blog-line);border-radius:7px;text-decoration:none}
.blog-pagination a{color:var(--blog-teal);background:#fff;font-weight:800}
.blog-pagination .is-disabled{color:#aab8b8;background:transparent}
@media(max-width:600px){.blog-header-links{gap:11px}.blog-feed-link{font-size:.72rem}.blog-filters{grid-template-columns:1fr;margin-top:30px}.blog-filters button,.blog-filter-clear{width:100%}.blog-pagination{gap:7px}.blog-pagination a,.blog-pagination span{padding:0 7px;font-size:.74rem}}
.blog-footer-legal{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px}
.blog-footer-legal span{color:#a4b3b2}
@media(min-width:901px){.blog-header .blog-wrap{width:min(1280px,calc(100% - 80px))}}
.blog-feed-actions{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 -14px}.blog-feed-actions a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid #bad8d5;border-radius:8px;background:#fff;color:var(--blog-teal);font-size:.78rem;font-weight:900;text-decoration:none}.blog-feed-actions a:first-child{border-color:var(--blog-teal);background:var(--blog-teal);color:#fff}.blog-feed-actions a:hover{filter:brightness(.97)}