:root{--ink: #202124;--muted: #64645f;--bg: #f6f2ea;--paper: #fffdf8;--line: #202124;--green: #47664b;--blue: #315f7d;--rose: #9a4658;--shadow: 0 18px 60px rgba(32, 33, 36, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(rgba(32,33,36,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(32,33,36,.035) 1px,transparent 1px),var(--bg);background-size:42px 42px}a{color:inherit;text-decoration:none}button,input{font:inherit}main{width:min(1160px,calc(100% - 40px));margin:0 auto}.hero{min-height:86vh;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:42px;align-items:center;padding:56px 0 32px}.hero-copy{max-width:520px}h1{margin:0;font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(4.2rem,13vw,9rem);font-weight:400;line-height:.88;letter-spacing:0}.quick-grid{display:grid;gap:14px}.project-card{display:grid;gap:16px;padding:24px;min-height:128px;border:1px solid var(--line);border-radius:8px;background:#fffdf8e0;box-shadow:0 0 #20212400;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.project-card:hover{transform:translateY(-3px);background:var(--paper);box-shadow:var(--shadow)}.project-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.project-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;color:#fff;font-weight:700}.project-mark.board{background:var(--blue)}.project-mark.life{background:var(--green)}.project-mark.blog{background:var(--rose)}.project-url{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;white-space:nowrap}.project-card h2{margin:0;font-size:1.5rem;line-height:1.2;letter-spacing:0}.project-card p{margin:0;color:var(--muted);line-height:1.75}@media(max-width:900px){main{width:min(100% - 28px,680px)}.hero{min-height:auto;grid-template-columns:1fr;gap:34px;padding:38px 0 28px}.hero-copy{max-width:none}.quick-grid{gap:12px}.project-card{padding:20px}}@media(max-width:520px){h1{font-size:4.2rem}.project-top{align-items:flex-start;flex-direction:column}.project-url{white-space:normal}}