:root{--bg: #faf9f7;--bg-warm: #f8f6f3;--ink: #1a1816;--ink-light: #6b6459;--ink-faint: #a39e94;--accent: #4a5e4c;--accent-light: #6b7d6e;--font-display: "Playfair Display", "Noto Serif SC", Georgia, serif;--font-body: "Source Sans 3", "Noto Sans SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.home{min-height:100vh;display:flex;flex-direction:column}.hero{padding:var(--space-xl) var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(26,24,22,.08);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,94,76,.03));pointer-events:none}.hero-name{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,7rem);font-weight:700;line-height:.95;letter-spacing:-.03em;color:var(--ink);margin-bottom:var(--space-sm)}.hero-name .zh{display:block}.hero-name .en{display:block;font-size:.35em;font-weight:400;color:var(--ink-light);letter-spacing:.05em;margin-top:.3em;font-family:var(--font-body)}.hero-tagline{font-size:.95rem;color:var(--ink-light);font-family:var(--font-mono);letter-spacing:.02em}.content{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:#1a181614;border-top:1px solid rgba(26,24,22,.08);border-bottom:1px solid rgba(26,24,22,.08)}.info-block{background:var(--bg);padding:var(--space-lg) var(--space-md);position:relative;transition:background .3s var(--ease-out)}.info-block:hover{background:var(--bg-warm)}.info-block:after{content:"";position:absolute;bottom:var(--space-md);left:var(--space-md);width:0;height:2px;background:var(--accent);transition:width .4s var(--ease-out)}.info-block:hover:after{width:calc(100% - var(--space-md) * 2)}.block-label{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-sm)}.block-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--ink);margin-bottom:var(--space-xs);line-height:1.3}.block-meta{font-size:.8rem;color:var(--ink-faint);font-family:var(--font-mono);margin-bottom:var(--space-sm)}.block-desc{font-size:.9rem;color:var(--ink-light);line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--space-sm)}.tag{font-family:var(--font-mono);font-size:.7rem;padding:.35rem .75rem;border:1px solid rgba(26,24,22,.15);color:var(--ink-light);border-radius:2px;transition:all .2s var(--ease-out);cursor:default}.tag:hover{border-color:var(--accent);color:var(--accent);background:#4a5e4c0d}.footer-links{display:flex;justify-content:center;gap:var(--space-lg);padding:var(--space-lg)}.footer-link{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-faint);text-decoration:none;letter-spacing:.05em;position:relative;padding-bottom:2px}.footer-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--ink);transition:width .3s var(--ease-out)}.footer-link:hover{color:var(--ink)}.footer-link:hover:after{width:100%}.decorative-line{position:absolute;background:var(--accent)}.decorative-line.vertical{width:1px;height:100%;top:0}.decorative-line.horizontal{height:1px;width:100%;left:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .6s var(--ease-out) forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}@media(max-width:900px){.content{grid-template-columns:1fr}.hero{padding:var(--space-lg) var(--space-md)}.hero-name{font-size:clamp(2.5rem,12vw,4rem)}.footer-links{flex-direction:column;align-items:center;gap:var(--space-sm)}}@media(max-width:600px){:root{--space-lg: 2.5rem;--space-md: 1.5rem}.hero{padding:var(--space-lg) var(--space-sm)}.info-block{padding:var(--space-md) var(--space-sm)}}