:root{color-scheme:light;--bg: oklch(.964 .012 156);--surface: oklch(.993 .005 150);--surface-soft: oklch(.982 .011 152);--text: oklch(.205 .018 156);--muted: oklch(.46 .025 154);--border: oklch(.82 .019 150);--border-soft: oklch(.88 .014 150 / .78);--accent: oklch(.43 .08 154);--accent-strong: oklch(.31 .07 153);--accent-soft: oklch(.93 .024 151);--mark: oklch(.55 .12 55);--code-bg: oklch(.92 .014 145);--code-surface: oklch(.968 .01 145);--code-border: oklch(.81 .015 145);--code-text: oklch(.25 .018 150);--shadow: 0 1px 2px oklch(.2 .018 156 / .05);--shadow-strong: 0 18px 44px oklch(.2 .018 156 / .1);--max-width: 1120px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--space-5xl: 96px}*{box-sizing:border-box}html{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth}body{margin:0;min-height:100vh;font-size:16px;line-height:1.75;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:linear-gradient(90deg,oklch(.2 .018 156 / .035) 1px,transparent 1px) 0 0 / 72px 72px,linear-gradient(0deg,oklch(.2 .018 156 / .025) 1px,transparent 1px) 0 0 / 72px 72px,linear-gradient(180deg,#f4fbf6e0,#e9f2ec),var(--bg)}a{color:var(--accent-strong);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent)}img{max-width:100%;height:auto}.site-shell{width:min(100% - 32px,var(--max-width));margin-inline:auto}.site-header{border-bottom:1px solid var(--border-soft);background:#edf6f0e0;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:var(--text);font-family:"Noto Serif SC",Songti SC,serif;font-weight:700;font-size:1.42rem;letter-spacing:0;text-decoration:none;position:relative}.brand:after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:999px;background:var(--mark);vertical-align:.32em}.nav-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav-links a{color:var(--muted);font-size:.9rem;padding:7px 10px;border-radius:8px;letter-spacing:0;text-decoration:none;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}.nav-links a:hover{color:var(--text);background:var(--surface-soft)}.nav-links a[aria-current=page]{color:var(--accent-strong);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #b5cbb9}main{padding:56px 0 80px}.site-footer{border-top:1px solid var(--border-soft);color:var(--muted);padding:32px 0;font-size:.94rem}.hero{display:grid;gap:var(--space-md);margin-bottom:var(--space-3xl);padding:8px 0 var(--space-2xl);border-bottom:1px solid var(--border);position:relative}.hero:after{content:"";position:absolute;left:0;bottom:-1px;width:86px;height:2px;background:var(--accent-strong)}.eyebrow{margin:0;color:var(--accent-strong);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{line-height:1.25;margin:0 0 16px;font-family:"Noto Serif SC",Songti SC,"Source Han Serif SC",serif;font-weight:600}h1{font-size:3.05rem;max-width:13em;letter-spacing:0;text-wrap:balance;line-height:1.08}h2{font-size:1.52rem;margin-top:36px}h3{font-size:1.24rem;margin-top:24px}p{margin:0 0 18px}.lead{max-width:660px;color:var(--muted);font-size:1rem;line-height:1.82}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border)}.section-head a{font-size:.92rem;color:var(--muted);text-decoration:none;border-bottom:1px solid transparent}.section-head a:hover{color:var(--accent-strong);border-bottom-color:currentColor}.post-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.post-card{border:1px solid transparent;border-top:1px solid var(--border-soft);border-radius:8px;background:transparent;padding:24px 22px;box-shadow:var(--shadow);transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.post-card p:last-child{margin-bottom:0}.post-card:hover{transform:translateY(-2px);border-color:var(--border);background:#fafefbb8;box-shadow:var(--shadow-strong)}.post-card h2,.post-card h3{margin-top:0;margin-bottom:8px;line-height:1.18}.post-card a{color:var(--text);text-decoration:none}.post-card a:hover{color:var(--accent-strong)}.post-meta{color:var(--muted);font-size:.8rem;margin-bottom:10px;letter-spacing:0;text-transform:uppercase}.post-views{display:inline-flex;align-items:center;gap:4px;margin-left:12px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}.post-views svg{flex:0 0 auto}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{border:1px solid color-mix(in oklch,var(--accent) 18%,var(--border));border-radius:999px;color:var(--accent-strong);display:inline-flex;align-items:center;min-height:30px;padding:2px 10px;font-size:.84rem;text-decoration:none;background:#fafefbb3;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.tag:hover{border-color:var(--accent);background:var(--accent-soft)}.prose{max-width:760px;font-size:1.03rem;line-height:1.95}.prose>*+*{margin-top:20px}.prose ul,.prose ol{padding-left:1.4rem}.prose li+li{margin-top:6px}.prose h2{margin-top:58px;margin-bottom:12px;padding-top:20px;border-top:1px solid var(--border-soft)}.prose h3{margin-top:30px;margin-bottom:10px}.prose p,.prose li{max-width:66ch}.prose blockquote{margin:30px 0;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:8px;background:var(--surface);padding:18px 22px;color:var(--muted)}.prose img{display:block;width:100%;max-width:66ch;margin:30px 0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.prose p:has(>img){max-width:66ch;margin-top:30px;margin-bottom:8px}.prose p:has(>em:only-child){max-width:66ch;margin-top:0;color:var(--muted);font-size:.88rem;line-height:1.65}.prose table{display:block;width:100%;max-width:66ch;overflow-x:auto;border:1px solid var(--border);border-radius:8px;border-spacing:0;border-collapse:separate;background:var(--surface);box-shadow:var(--shadow);font-size:.95rem;line-height:1.65}.prose th,.prose td{padding:12px 14px;border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top;white-space:nowrap}.prose th:last-child,.prose td:last-child{border-right:0}.prose tr:last-child td{border-bottom:0}.prose thead th{background:color-mix(in oklch,var(--surface) 82%,var(--accent) 18%);color:var(--text);font-weight:700}.prose tbody tr:nth-child(2n) td{background:color-mix(in oklch,var(--surface) 94%,var(--accent) 6%)}.prose code{border-radius:4px;background:var(--code-bg);padding:.12em .38em;font-size:.9em}.prose pre{overflow-x:auto;border-radius:8px;border:1px solid var(--code-border);background:var(--code-surface);color:var(--code-text);padding:18px 20px;box-shadow:inset 0 1px #ffffff8c,var(--shadow)}.prose pre code{background:transparent;color:inherit;padding:0;font-size:.93rem;line-height:1.75;font-family:Fira Code,SFMono-Regular,Cascadia Code,Menlo,monospace}.article-header{max-width:760px;margin-bottom:42px;padding-bottom:24px;border-bottom:1px solid var(--border-soft)}.article-header h1{font-size:2.85rem}.article-body{min-width:0}.article-summary{margin-top:24px;padding:18px 20px;border:1px solid var(--border-soft);border-radius:8px;background:color-mix(in oklch,var(--surface) 76%,var(--accent-soft))}.article-summary p{margin:0;max-width:62ch;color:var(--muted);font-size:.95rem}.article-prose{position:relative}.article-prose:before{content:none}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}.home-grid{align-items:stretch}.main-column{min-width:0}.content-section+.content-section{margin-top:52px}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.path-card{display:grid;gap:8px;padding:22px;border:1px solid var(--border);border-radius:8px;background:#fafefbad;color:var(--text);text-decoration:none;box-shadow:none;transition:border-color .18s ease,color .18s ease,transform .18s ease,background-color .18s ease}.path-card:hover{border-color:color-mix(in oklch,var(--accent) 26%,var(--border));background:var(--surface);transform:translateY(-2px);box-shadow:var(--shadow)}.path-card span{color:var(--muted);font-size:.76rem;letter-spacing:.08em}.path-card strong{font-family:"Noto Serif SC",Songti SC,"Source Han Serif SC",serif;font-size:1.5rem;font-weight:600;line-height:1.12}.path-card p{color:var(--muted);margin:0}.page-sidebar{position:sticky;top:92px;display:grid;gap:16px}.sidebar-panel{border:1px solid var(--border);border-radius:8px;background:#fafefbb8;padding:18px;box-shadow:var(--shadow)}.sidebar-kicker{color:var(--accent-strong);font-size:.76rem;font-weight:700;margin-bottom:8px;letter-spacing:.08em;text-transform:uppercase}.sidebar-panel p{color:var(--muted);margin-bottom:0;font-size:.9rem;line-height:1.7}.sidebar-list{list-style:none;margin:0;padding:2px 0 0;display:grid;gap:6px}.sidebar-list li{display:grid;gap:4px;padding:0;border-top:0}.sidebar-list li:first-child{border-top:0;padding-top:0}.sidebar-link,.sidebar-list span{color:var(--text);text-decoration:none;font-weight:500;font-size:.92rem;line-height:1.45}.sidebar-link{display:block;border-radius:8px;padding:8px 10px;margin-inline:-10px;transition:background-color .16s ease,color .16s ease}.sidebar-link:hover{color:var(--accent-strong);background:var(--accent-soft)}.project-list{display:grid;gap:20px}.project-card{border:1px solid var(--border);border-radius:8px;background:#fafefbb8;overflow:hidden;box-shadow:var(--shadow);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.project-card:hover{transform:translateY(-2px);border-color:color-mix(in oklch,var(--accent) 24%,var(--border));box-shadow:var(--shadow-strong)}.project-card img{display:block;width:100%;aspect-ratio:5 / 3;object-fit:cover;background:var(--accent-soft)}.project-copy{padding:24px}.project-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.project-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border-soft)}.project-meta-grid div{display:grid;gap:3px}.project-meta-grid span{color:var(--muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.project-meta-grid strong{font-size:.96rem;font-weight:600}.project-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-note{padding:20px 0 0;border-top:1px solid var(--border-soft)}.project-note span{display:block;margin-bottom:8px;color:var(--muted);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.project-note p{margin:0;color:var(--text)}.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;max-width:760px}.qr-card{margin:0;display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:8px;background:#fafefbb8;box-shadow:var(--shadow)}.qr-card img{display:block;width:100%;min-height:280px;aspect-ratio:1 / 1;object-fit:contain;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface)}.qr-card figcaption{display:grid;gap:2px}.qr-card strong{font-weight:600}.qr-card span{color:var(--muted);font-size:.9rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{border:1px solid var(--border);border-radius:8px;background:#fafefbad;padding:22px;box-shadow:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background-color .18s ease}.feature-card:hover{transform:translateY(-2px);border-color:color-mix(in oklch,var(--accent) 26%,var(--border));background:var(--surface);box-shadow:var(--shadow)}.feature-card h3{margin-top:0;margin-bottom:8px;line-height:1.16}.feature-card a{color:var(--text);text-decoration:none}.feature-card a:hover{color:var(--accent-strong)}.back-to-top{position:fixed;right:24px;bottom:24px;border:1px solid var(--border);border-radius:8px;background:#fafefbeb;color:var(--text);min-height:42px;padding:0 14px;font:inherit;cursor:pointer;box-shadow:0 8px 18px #111b151a;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.empty{color:var(--muted)}@media(max-width:900px){h1{font-size:3rem}.article-header h1{font-size:2.75rem}.page-grid{grid-template-columns:1fr;gap:28px}.page-sidebar{position:static}.feature-grid,.path-grid,.project-note-grid,.project-meta-grid,.qr-grid{grid-template-columns:1fr}.prose h2{margin-top:42px;padding-top:14px}}@media(max-width:640px){.site-shell{width:min(100% - 24px,var(--max-width))}.nav{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 0}.nav-links{gap:6px}.nav-links a{padding:6px 8px}main{padding-top:42px}.section-head{align-items:flex-start;flex-direction:column}.post-card{padding:18px 16px}.sidebar-panel{padding:16px}.project-copy{padding:18px}.hero{margin-bottom:40px}.back-to-top{right:16px;bottom:16px}}@media(max-width:640px){h1{font-size:2.4rem}.article-header h1{font-size:2.15rem}}