:root{--bg:#fbf4e8;--card:#f1e4cf;--ink:#4a2f22;--muted:#7a5a46;--accent:#a8501a;--sun:#d9772b;--dot:#d9b98f;--btn-bg:#4a2f22;--btn-fg:#fbf4e8;color-scheme:light}:root[data-theme=dark]{--bg:#1f1713;--card:#2b201a;--ink:#f1e4cf;--muted:#c2a58c;--accent:#f0a04b;--sun:#f0a04b;--dot:#5a4435;--btn-bg:#f0a04b;--btn-fg:#1f1713;color-scheme:dark}html[data-lang=zh]{--font-body:"Noto Serif SC", "Songti SC", "STSong", serif;--font-nav:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}html[data-lang=en]{--font-body:"Fraunces", Georgia, serif;--font-nav:"IBM Plex Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:1160px;margin:0 auto}.pad{padding-inline:40px}.site-header{justify-content:space-between;align-items:center;gap:16px;padding-block:24px;display:flex}.brand{align-items:center;gap:12px;min-height:44px;display:flex}.brand svg{flex:none;width:52px;height:auto}.brand-text{white-space:nowrap;font-size:24px}[data-lang=zh] .brand-text{letter-spacing:.16em;font-weight:700}[data-lang=en] .brand-text{letter-spacing:-.01em;font-weight:600}.brand-a{color:var(--accent)}.nav-full{align-items:center;gap:6px;display:flex}.nav-link{font-family:var(--font-nav);border:1px solid #0000;padding:10px 18px}.nav-link span{padding-bottom:3px}[data-lang=zh] .nav-link{letter-spacing:.3em;font-size:16px;font-weight:300}[data-lang=zh] .nav-link span{margin-right:-.3em}[data-lang=en] .nav-link{letter-spacing:.2em;padding-inline:16px;font-size:12px}[data-lang=en] .nav-link span{margin-right:-.2em}.nav-link.active{border-color:var(--ink)}.nav-link.active span{border-bottom:1px solid var(--ink)}.lang-switch{border:1px solid var(--ink);letter-spacing:.08em;border-radius:20px;margin-left:8px;padding:9px 16px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:300}.theme-toggle{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{color:var(--accent)}.theme-toggle .i-sun{display:none}[data-theme=dark] .theme-toggle .i-sun{display:block}[data-theme=dark] .theme-toggle .i-moon{display:none}.header-mobile{align-items:center;gap:2px;display:none}.nav-menu{position:relative}.nav-menu summary{cursor:pointer;width:44px;height:44px;color:var(--sun);justify-content:center;align-items:center;list-style:none;display:flex}.nav-menu summary::-webkit-details-marker{display:none}.menu-panel{z-index:5;background:var(--bg);border:1px solid var(--ink);border-radius:16px;flex-direction:column;min-width:220px;padding:8px 22px;display:flex;position:absolute;top:52px;right:0}.menu-panel a{border-bottom:1px dotted var(--dot);font-family:var(--font-nav);padding:14px 0}.menu-panel a:last-child{border-bottom:0}[data-lang=zh] .menu-panel a{letter-spacing:.3em;font-size:17px;font-weight:300}[data-lang=en] .menu-panel a{letter-spacing:.2em;font-size:13px}.menu-panel a.menu-lang{letter-spacing:.08em;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;font-weight:300}.layout{grid-template-columns:minmax(0,1fr) 340px;gap:64px;padding-block:24px 56px;display:grid}.entries{flex-direction:column;min-width:0;display:flex}.list-heading{letter-spacing:.1em;margin:0 0 28px;font-size:28px;font-weight:700}[data-lang=en] .list-heading{letter-spacing:.02em;font-weight:600}.entry{gap:20px;display:flex}.tl{flex-direction:column;flex:0 0 24px;align-items:center;gap:8px;padding-top:12px;display:flex}.tl svg{width:24px;height:24px}.tl-line{border-left:2px dotted var(--dot);flex:1}.entry:last-child .tl-line{display:none}.entry-body{flex-direction:column;flex:1;gap:18px;min-width:0;padding-bottom:56px;display:flex}.entry:last-child .entry-body{padding-bottom:24px}.h-title{letter-spacing:.03em;margin:0;font-size:32px;font-weight:700;line-height:1.45}[data-lang=en] .h-title{letter-spacing:-.01em;font-size:34px;font-weight:600;line-height:1.25}.meta{flex-wrap:wrap;align-items:center;gap:10px 12px;font-size:13px;display:flex}[data-lang=en] .meta{font-family:var(--font-nav);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.pill{background:var(--btn-bg);color:var(--btn-fg);letter-spacing:.08em;border-radius:20px;padding:6px 14px}.chip{background:var(--card);letter-spacing:.15em;border-radius:6px;padding:6px 12px}[data-lang=en] .chip{letter-spacing:.1em}.readtime{color:var(--muted)}[data-lang=zh] .readtime{font-family:var(--font-nav);letter-spacing:.12em;font-weight:300}.cover{aspect-ratio:16/9;background:var(--card);border-radius:12px;width:100%;overflow:hidden}.cover svg,.cover img{object-fit:cover;width:100%;height:100%;display:block}.excerpt{margin:0;font-size:17px;line-height:2}[data-lang=en] .excerpt{font-size:18px;line-height:1.8}.read-more{color:var(--accent);text-underline-offset:5px;align-self:flex-start;padding:10px 0;font-size:16px;font-weight:700;text-decoration:underline}[data-lang=en] .read-more{font-size:17px;font-weight:600}.empty{color:var(--muted)}.aside{flex-direction:column;gap:32px;min-width:0;padding-top:12px;display:flex}.welcome{flex-direction:column;gap:14px;display:flex}.welcome p{margin:0;font-size:17px;line-height:2}[data-lang=en] .welcome p{font-size:18px;line-height:1.8}.signature{font-weight:700}.welcome svg{width:200px;height:14px}.card{background:var(--card);border-radius:24px;flex-direction:column;gap:12px;padding:28px;display:flex}.card h2{letter-spacing:.06em;margin:0;font-size:22px;font-weight:700}[data-lang=en] .card h2{letter-spacing:-.01em;font-size:24px;font-weight:600}.card p{color:var(--muted);margin:0;line-height:1.9}.btn{background:var(--btn-bg);color:var(--btn-fg);letter-spacing:.2em;border-radius:26px;align-self:flex-start;padding:13px 30px;font-size:16px;font-weight:700}[data-lang=en] .btn{letter-spacing:0;padding-inline:28px;font-weight:600}.btn:hover{color:var(--btn-fg);opacity:.85}.latest{gap:6px}.card-label{font-family:var(--font-nav);color:var(--muted);padding-bottom:8px;font-size:14px}[data-lang=zh] .card-label{letter-spacing:.3em;font-weight:300}[data-lang=en] .card-label{letter-spacing:.22em;text-transform:uppercase;font-size:11px}.latest a{border-top:1px dotted var(--dot);padding:12px 0;font-size:17px;font-weight:700;line-height:1.6}[data-lang=en] .latest a{font-size:18px;font-weight:600;line-height:1.4}.post-wrap{flex-direction:column;gap:20px;max-width:760px;padding-block:24px 56px;display:flex}.prose{font-size:18px;line-height:2}[data-lang=en] .prose{line-height:1.8}.prose h2{margin:2em 0 .5em;font-size:24px;line-height:1.5}.prose p{margin:0 0 1.2em}.prose blockquote{background:var(--card);border-radius:16px;margin:1.5em 0;padding:20px 24px}.prose blockquote p:last-child{margin-bottom:0}.prose a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.prose img{border-radius:12px;max-width:100%}.prose ul,.prose ol{padding-left:1.4em}.site-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;padding-bottom:40px;font-size:14px;display:flex}[data-lang=en] .footer-tag{font-style:italic}@media (width<=860px){.nav-full{display:none}.header-mobile{display:flex}.pad{padding-inline:20px}.layout{grid-template-columns:minmax(0,1fr);gap:24px}.h-title,[data-lang=en] .h-title{font-size:28px}.tl{flex-basis:20px}}.nav-link{white-space:nowrap}.sub-form{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.sub-form input[type=email]{min-width:0;font:inherit;color:var(--ink);background:var(--bg,transparent);border:1px solid var(--ink);border-radius:4px;flex:160px;padding:10px 12px;font-size:15px}.sub-form button{cursor:pointer;font:inherit}
