:root{--accent:#ff3d81;--accent2:#5b42f3;--bg:#edff3d;--surface:#fffef4;--text:#111218;--muted:#4f513b;--line:#171820;--font:"Cascadia Code",Consolas,"Noto Sans Mono CJK TC",monospace;--site-gap:27px;--site-width:1060px}*{box-sizing:border-box}html{font-family:var(--font);color:var(--text);background:var(--bg)}body{margin:0;min-height:100vh}a{color:inherit}.brand{text-decoration:none;font-weight:900}.site-header{position:relative;z-index:2}.hero h1{line-height:1.08}.hero p{line-height:1.8}.eyebrow{letter-spacing:.18em;font-size:12px!important;font-weight:900;text-transform:uppercase}.grid h3{line-height:1.45}.grid h3 a{text-decoration:none}.grid h3 a:hover{color:var(--accent)}time{font-size:12px;letter-spacing:.05em;color:var(--muted)}.grid p,.content{line-height:1.9;color:var(--muted)}.content{overflow-wrap:anywhere}.content img{max-width:100%;height:auto}.content p{margin:0 0 1.25em}.back{display:inline-block;text-decoration:none;color:var(--accent)}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted)}@media(max-width:700px){footer{flex-direction:column}}body{padding-left:250px}.site-header{position:fixed;left:0;top:0;bottom:0;width:250px;padding:48px 30px;background:var(--accent2);color:white}.brand{display:block;font-size:27px;color:white;writing-mode:vertical-rl}main{max-width:1050px;margin:auto;padding:64px 54px}.hero{min-height:420px;display:flex;align-items:end;padding:50px;background:var(--accent);color:white}.hero h1{font-size:clamp(42px,7vw,76px)}.articles{padding-top:46px}.grid article{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.grid h3{font-size:24px;margin:0}.grid p{grid-column:2}.post{max-width:820px}.post h1{font-size:clamp(36px,6vw,62px)}.content{font-size:18px}footer{margin:0 54px;padding:28px 0;border-top:1px solid var(--line)}@media(max-width:800px){body{padding-left:0}.site-header{position:static;width:auto;padding:18px 20px}.brand{writing-mode:initial}main{padding:30px 20px}.grid article{grid-template-columns:1fr}.grid p{grid-column:1}footer{margin:0 20px}}
