:root{--bg:#f2efe9;--surface:#fffdf8;--surface-soft:#f8f3ea;--text:#242018;--muted:#6d6457;--line:#d7ccbc;--line-strong:#c8baa5;--accent:#285f6e;--accent-soft:#e2eef2;--code-bg:#f5f6f8;--inline-code-bg:#efe8dd;--quote-bg:#faf6ef;--max-width:1120px;--narrow-width:820px;--radius:14px;--shadow:0 14px 36px rgba(58, 45, 28, 0.09);--ui-font:"Avenir Next", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--article-font:"Palatino Linotype", "Book Antiqua", "Times New Roman", "Songti SC", "STSong", serif;--mono-font:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html{font-size:18px}body{margin:0;background:radial-gradient(circle at top,#f7f3ec 0%,var(--bg) 50%);color:var(--text);font-family:var(--ui-font);line-height:1.72;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{width:min(100% - 48px,var(--max-width));margin:0 auto}.narrow{width:min(100% - 48px,var(--narrow-width));margin:0 auto}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,white 10%);backdrop-filter:blur(3px)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0}.site-title{color:var(--text);font-size:1rem;font-weight:700;letter-spacing:.03em}.site-nav{display:flex;gap:20px;flex-wrap:wrap}.site-nav a{color:var(--muted);font-size:.95rem}.site-nav a:hover{color:var(--text)}.site-main{padding:52px 0 96px}.hero{padding:52px 0 28px}.hero-identity{display:flex;align-items:center;gap:clamp(16px,3vw,30px)}.eyebrow{margin:0 0 12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem}.hero-title{margin:0;font-size:clamp(3rem,8vw,5.6rem);line-height:.95;letter-spacing:-.03em}.hero-avatar{--avatar-size:clamp(104px, 14vw, 152px);width:var(--avatar-size);aspect-ratio:1/1;margin:0;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface-soft);box-shadow:var(--shadow);overflow:hidden;flex-shrink:0}.hero-avatar-image{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-subtitle{max-width:760px;margin:22px 0 0;font-size:1.12rem;color:var(--muted)}.intro{padding:20px 0 48px}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:10px 0 54px}.home-card{padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.home-card h2{margin:0 0 10px;font-size:1.55rem;line-height:1.15}.home-section,.page-header,.article-header{padding:22px 0 26px}.page-header h1,.article-header h1,.section-heading h2{margin:0;font-size:clamp(2rem,5vw,3.1rem);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.page-intro{margin-top:18px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}.post-list{display:flex;flex-direction:column;gap:28px}.post-item{padding:0 0 22px;border-bottom:1px solid var(--line)}.post-item h2,.post-item h3{margin:0 0 8px;font-size:1.45rem;line-height:1.2}.post-meta,.article-meta{margin:0 0 12px;color:var(--muted);font-size:.92rem}.tag-filter{display:flex;flex-wrap:wrap;gap:8px;padding:0}.tag-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.26rem .72rem;font-family:var(--ui-font);font-size:.8rem;line-height:1;letter-spacing:.01em;color:var(--muted);background:var(--surface);text-decoration:none;cursor:pointer}.tag-chip:hover{color:var(--text);text-decoration:none;border-color:var(--line-strong)}.tag-chip.is-active{border-color:var(--accent);color:#fff;background:var(--accent)}.tag-chip-small{padding:.22rem .62rem;font-size:.75rem}.tag-count{margin-left:.34rem;font-size:.73em;opacity:.86}.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.article-tags{margin-top:8px}.tag-filter-meta{margin:8px 0 22px;color:var(--muted);font-size:.88rem}.tag-empty-state{margin:20px 0 0;color:var(--muted);font-size:.96rem}.article-content{padding:36px clamp(20px,4vw,50px)48px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);font-family:var(--article-font);font-size:1.08rem;line-height:1.86;text-wrap:pretty;overflow-wrap:anywhere}.article-content>:first-child{margin-top:.15em}.article-content>:last-child{margin-bottom:0}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:#211c14;line-height:1.25;letter-spacing:-.01em;margin-top:2em;margin-bottom:.62em}.article-content h1{font-size:2rem}.article-content h2{font-size:1.62rem;padding-bottom:.16em;border-bottom:1px solid var(--line)}.article-content h3{font-size:1.34rem}.article-content h4{font-size:1.16rem}.article-content p,.article-content ul,.article-content ol,.article-content dl,.article-content blockquote,.article-content pre,.article-content .highlight,.article-content table,.article-content figure,.article-content .diagram-block,.article-content details{margin:1.15em 0}.article-content ul,.article-content ol{padding-left:1.55em}.article-content li{margin:.34em 0}.article-content li>ul,.article-content li>ol{margin-top:.35em;margin-bottom:.35em}.article-content .task-list-item{list-style:none;margin-left:-1.45em}.article-content .task-list-item input[type=checkbox]{width:.95em;height:.95em;margin-right:.55em;transform:translateY(.05em);accent-color:var(--accent)}.article-content dt{font-weight:700}.article-content dd{margin:.2em 0 .85em 1.2em;color:#4f473d}.article-content blockquote{margin-left:0;margin-right:0;padding:.75em 1.1em;border-left:4px solid var(--line-strong);background:var(--quote-bg);color:#564d42;border-radius:8px}.article-content blockquote>:first-child{margin-top:0}.article-content blockquote>:last-child{margin-bottom:0}.article-content a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.14em}.article-content a:hover{color:#1f4b57}.article-content strong{font-weight:700}.article-content hr{margin:2.2em 0;border:0;border-top:1px solid var(--line)}.article-content code,.article-content kbd{font-family:var(--mono-font);font-size:.85em;padding:.16em .35em;border-radius:6px;background:var(--inline-code-bg)}.article-content kbd{border:1px solid var(--line-strong)}.article-content mark{padding:0 .2em;background:#fff2ad}.article-content pre,.article-content .highlight{border:1px solid var(--line);border-radius:10px;background:var(--code-bg);overflow-x:auto}.article-content pre{padding:.9rem 1rem}.article-content pre code{display:block;padding:0;background:0 0;font-size:.84em;line-height:1.62}.article-content .highlight pre{margin:0;padding:1rem 1.1rem;border:none;border-radius:0;background:0 0}.article-content .highlight code{padding:0;background:0 0}.article-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;font-size:.95em}.article-content th,.article-content td{border:1px solid var(--line);padding:.48em .72em;text-align:left;vertical-align:top}.article-content th{background:var(--surface-soft);font-weight:650}.article-content figure{margin-left:0;margin-right:0}.article-content>img,.article-content figure img{margin-left:auto;margin-right:auto;border:1px solid var(--line);border-radius:10px;background:#fff}.article-content figcaption{margin-top:.52em;text-align:center;color:var(--muted);font-size:.88em}.article-content details{padding:.65em .8em;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.article-content details>summary{cursor:pointer;font-weight:650}.article-content a.footnote-ref{font-size:.75em;text-decoration:none;vertical-align:super}.article-content .footnotes{margin-top:2.4em;padding-top:1.1em;border-top:1px solid var(--line)}.article-content .footnotes ol{margin:.6em 0 0;padding-left:1.3em;color:var(--muted);font-size:.92em}.article-content .footnotes li{margin:.45em 0}.diagram-block{padding:.9rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--code-bg);overflow-x:auto}.diagram-block pre.mermaid{margin:0;padding:0;border:0;background:0 0;font-family:var(--mono-font);font-size:.85em;line-height:1.5}.diagram-block .mermaid-rendered{min-width:min-content}.diagram-block svg{display:block;margin:0 auto;max-width:100%;height:auto}.site-footer{border-top:1px solid var(--line);padding:22px 0 46px;color:var(--muted);font-size:.92rem}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:760px){html{font-size:17px}.container,.narrow{width:min(100% - 28px,var(--max-width))}.header-inner{flex-direction:column;align-items:flex-start}.site-main{padding-top:36px}.hero{padding-top:20px}.hero-identity{align-items:center;gap:14px}.hero-avatar{--avatar-size:96px}.home-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}.article-content{padding:24px 16px 30px;border-radius:12px;font-size:1rem}.article-content table{font-size:.9em}.article-content pre,.article-content .highlight{border-radius:8px}}