:root{color-scheme:light;--paper: #f5efe4;--paper-deep: #e8dccb;--ink: #27231f;--muted: #6d6257;--line: #d7cab9;--brick: #c5533d;--brick-dark: #8d3528;--moss: #496b56;--steel: #3d6572;--code: #161514;--code-line: #34302b;--max: 1120px;--content: 820px}*{box-sizing:border-box}html{background:var(--paper);font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;text-size-adjust:100%}body{min-height:100vh;margin:0;color:var(--ink);background:linear-gradient(90deg,rgba(39,35,31,.026) 1px,transparent 1px) 0 0 / 56px 56px,linear-gradient(180deg,rgba(39,35,31,.024) 1px,transparent 1px) 0 0 / 56px 56px,var(--paper)}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:radial-gradient(circle at 78% 10%,rgba(197,83,61,.13),transparent 26rem),linear-gradient(135deg,rgba(73,107,86,.14),transparent 34%)}a{color:inherit;text-decoration:none}main{width:min(var(--max),calc(100% - 32px));margin:0 auto}.site-header,.site-footer{width:min(var(--max),calc(100% - 32px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:.98rem}.brand-mark{width:28px;height:22px;border:2px solid var(--ink);background:linear-gradient(90deg,transparent 48%,var(--ink) 48% 52%,transparent 52%),linear-gradient(var(--ink) 48%,transparent 48% 58%,var(--ink) 58%),var(--brick);box-shadow:4px 4px 0 var(--ink)}nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}nav a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 13px;border:2px solid transparent;font-size:.9rem;font-weight:800;color:var(--muted);transition:transform .16s ease,box-shadow .16s ease,color .16s ease,background .16s ease}nav a:hover{border-color:var(--ink);color:var(--ink);background:#ffffff42;box-shadow:4px 4px 0 var(--ink)}nav a.active{border-color:var(--ink);color:var(--ink);background:var(--paper-deep);box-shadow:4px 4px 0 var(--ink)}nav a.active{color:#fffaf0;background:var(--ink)}.home-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:42px;align-items:center;min-height:500px;padding:34px 0 54px}.eyebrow{margin:0 0 12px;color:var(--brick-dark);font-size:.78rem;font-weight:900;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}.hero-copy h1,.page-head h1,.article-hero h1{margin-bottom:18px;font-family:Georgia,Songti SC,serif;font-weight:800}.hero-copy h1{font-size:clamp(3.4rem,9vw,6.4rem);letter-spacing:0;line-height:1.06}.lead{max-width:640px;color:#463f38;font-size:clamp(1rem,1.45vw,1.12rem);line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border:2px solid var(--ink);font-weight:800;box-shadow:4px 4px 0 var(--ink);transition:transform .16s ease,box-shadow .16s ease}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button.primary{color:#fffaf0;background:var(--ink)}.button.secondary{background:var(--paper-deep)}.hero-visual{position:relative;min-height:380px;overflow:hidden;border:2px solid var(--ink);background:linear-gradient(135deg,rgba(73,107,86,.2),transparent 46%),linear-gradient(180deg,#fbf7ef,#dfd0bd);box-shadow:12px 12px 0 var(--ink)}.brick-path{position:absolute;inset:24px;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:54px;gap:10px;transform:rotate(-10deg) translateY(8px)}.brick-path span{border:2px solid rgba(39,35,31,.88);background:var(--brick);box-shadow:5px 5px #27231fe0;opacity:calc(.2 + (var(--i) * .022))}.brick-path span:nth-child(3n){background:var(--steel)}.brick-path span:nth-child(4n){background:var(--moss)}.site-note{position:absolute;right:22px;bottom:22px;width:min(280px,calc(100% - 44px));padding:20px;border:2px solid var(--ink);color:#fffaf0;background:var(--ink)}.site-note span{display:block;margin-bottom:12px;color:#f2b66d;font-size:.78rem;font-weight:900}.site-note strong{font-size:1.12rem;line-height:1.4}.section-grid,.project-strip,.about-grid{padding:56px 0;border-top:2px solid var(--ink)}.section-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px}.section-grid h2,.project-strip h2,.about-grid h2{font-family:Georgia,Songti SC,serif;font-size:clamp(1.55rem,2.8vw,2.25rem)}.article-list{display:grid;gap:18px}.article-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:22px;padding:22px 0;border-top:1px solid var(--line)}.article-row:first-child{border-top:0;padding-top:0}.article-row time{color:var(--muted);font-family:Menlo,Consolas,monospace;font-size:.86rem}.article-row h2{margin-bottom:9px;font-size:clamp(1.08rem,1.8vw,1.38rem)}.article-row h2 a:hover{color:var(--brick-dark)}.article-row p{margin-bottom:12px;color:var(--muted);line-height:1.8}.tag-line{display:flex;flex-wrap:wrap;gap:7px}.tag-line a,.tag-line span{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px 3px 8px;border:1px solid rgba(141,53,40,.28);border-left:3px solid var(--brick);color:#5b4e45;background:#e8dccb85;font-size:.76rem;font-weight:800;line-height:1}.tag-line a:hover{border-color:#8d35287a;border-left-color:var(--brick-dark);color:var(--brick-dark);background:#c5533d1a}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-grid.wide{padding-bottom:64px}.project-card{min-height:200px;padding:24px;border:1px solid rgba(39,35,31,.42);border-top:4px solid rgba(197,83,61,.78);background:#fffaf057;box-shadow:3px 3px #27231f85}.project-card>span{display:inline-block;margin-bottom:20px;color:var(--brick-dark);font-size:.78rem;font-weight:900}.project-card h2,.project-card h3{margin-bottom:12px;font-size:1.22rem}.project-card p{color:var(--muted);line-height:1.8}.page-head{max-width:800px;padding:48px 0 36px}.page-head h1{margin-bottom:14px;font-size:clamp(1.9rem,3.8vw,3.2rem);line-height:1.18}.page-head p{color:var(--muted);font-size:1rem;line-height:1.75}.tag-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:70px}.tag-index a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:13px 16px;border:1px solid rgba(39,35,31,.32);border-left:4px solid rgba(197,83,61,.72);background:#fffaf05c;box-shadow:2px 2px #27231f80;font-weight:760;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.tag-index a:hover{border-color:#27231f8f;border-left-color:var(--brick-dark);background:#e8dccb6b;box-shadow:3px 3px #27231fa3;transform:translate(-1px,-1px)}.tag-index strong{color:var(--brick-dark);font-family:Menlo,Consolas,monospace;font-size:.88rem}.article-shell{max-width:var(--content);margin:0 auto;padding:30px 0 70px}.back-link{display:inline-flex;margin-bottom:22px;color:var(--brick-dark);font-weight:850}.article-hero{padding-bottom:28px;border-bottom:2px solid var(--ink)}.article-hero h1{max-width:720px;margin-bottom:16px;font-size:clamp(1.75rem,2.6vw,2.45rem);line-height:1.25}.article-hero p{max-width:720px;color:var(--muted);font-size:1rem;line-height:1.75}.article-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px;color:var(--muted);font-family:Menlo,Consolas,monospace;font-size:.86rem}.prose{padding-top:30px;font-size:1rem;line-height:1.9}.prose h2{margin:40px 0 12px;font-family:Georgia,Songti SC,serif;font-size:1.34rem}.prose h3{margin:30px 0 10px;font-size:1.14rem}.prose p,.prose li{color:#3f3832}.prose a{color:var(--brick-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.prose pre{overflow-x:auto;max-width:100%;padding:18px;border:2px solid var(--ink);background:var(--code)!important;box-shadow:5px 5px 0 var(--ink)}.prose code{font-family:Menlo,Consolas,monospace;font-size:.92em}.prose :not(pre)>code{padding:2px 6px;border:1px solid var(--line);background:#ffffff6b}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:36px 0 38px;border-top:2px solid var(--ink)}.about-grid>div{padding:22px;border:1px solid rgba(39,35,31,.34);border-left:4px solid rgba(197,83,61,.72);background:#fffaf052}.about-grid p{color:var(--muted);line-height:1.9}.about-note{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:34px 0 58px;border-top:1px solid rgba(39,35,31,.34)}.about-note h2{margin-bottom:12px;font-size:1.35rem}.about-note p{max-width:720px;color:var(--muted);line-height:1.85}.about-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.about-links a{min-height:34px;padding:7px 12px;border:1px solid rgba(39,35,31,.42);color:var(--ink);background:#e8dccb73;font-weight:800}.about-links a:hover{border-color:var(--brick-dark);color:var(--brick-dark)}.site-footer{display:grid;gap:10px;padding:30px 0 38px;border-top:2px solid var(--ink);color:var(--muted)}.site-footer p{margin:0}.footer-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#7c7066;font-size:.9rem;font-weight:650;line-height:1.6}.footer-meta a{color:inherit}.footer-meta a:hover{color:var(--brick-dark)}@media(max-width:860px){.site-header,.site-footer,main{width:min(100% - 24px,var(--max))}.site-header,.site-footer{align-items:flex-start;flex-direction:column}nav{justify-content:flex-start}.home-hero,.section-grid,.about-note,.about-grid{grid-template-columns:1fr}.home-hero{gap:30px;min-height:auto;padding-top:24px}.hero-copy h1{font-size:clamp(3rem,15vw,4.8rem)}.hero-visual{min-height:300px;box-shadow:7px 7px 0 var(--ink)}.article-row{grid-template-columns:1fr;gap:10px}.project-grid,.tag-index{grid-template-columns:1fr}.about-links{justify-content:flex-start}}@media(max-width:520px){.hero-actions,.button{width:100%}.brick-path{grid-auto-rows:42px;inset:18px}.site-note{right:16px;bottom:16px}.section-grid,.project-strip,.about-grid{padding:42px 0}}