:root{--paper:#f7f5f0;--paper-deep:#edeae3;--surface:#fffdfa;--ink:#111;--muted:#6f6d68;--line:#d8d4cb;--accent:#d94a2b;--accent-soft:#f2d9d1;--font-body:"PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, -apple-system, Inter, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:clamp(2.8rem, 8vw, 5.5rem);--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:clamp(4rem, 10vw, 8rem);--radius-sm:.35rem;--radius-md:.75rem;--radius-round:999px;--border-width:1px;--motion:.16s ease;--content:960px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--font-body);font-size:var(--text-md);margin:0;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-shell{width:min(100% - 2rem, var(--content));margin:0 auto}.site-header{padding:var(--space-4) 0;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.brand{font-size:var(--text-lg);letter-spacing:-.04em;font-weight:800}.brand-mark{color:var(--accent)}.nav{gap:var(--space-4);font-size:var(--text-sm);color:var(--muted);display:flex}.nav a{transition:color var(--motion)}.hero{gap:var(--space-5);min-height:31rem;padding:var(--space-7) 0;grid-template-columns:7rem 1fr;align-items:center;display:grid}.avatar{border-radius:var(--radius-md);object-fit:cover;filter:grayscale();border:1px solid var(--line);width:7rem;height:7rem}.eyebrow{margin:0 0 var(--space-2);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-sm)}.hero h1{font-size:var(--text-xl);letter-spacing:-.07em;margin:0;line-height:1.05}.hero-copy{max-width:42rem;margin:var(--space-4) 0 0;font-size:var(--text-lg)}.hero-copy-en{color:var(--muted);font-size:var(--text-sm);display:block}.location{margin:var(--space-3) 0 0;color:var(--muted)}.location strong{color:var(--ink)}.tag-list{gap:var(--space-1);margin:var(--space-4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.tag{border:1px solid var(--line);border-radius:var(--radius-round);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);padding:.2rem .65rem}.section{padding:var(--space-7) 0;border-top:1px solid var(--line)}.section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.section h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.75rem,4vw,2.5rem)}.section-heading span{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs)}.project-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-card{min-height:21rem;padding:var(--space-4);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--paper-deep);transition:border-color var(--motion), transform var(--motion), background var(--motion);flex-direction:column;display:flex}.project-card:hover{border-color:var(--accent);background:var(--surface);transform:translateY(-3px)}.project-index{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs)}.project-card h3{margin:var(--space-2) 0 var(--space-1);font-size:var(--text-lg);line-height:1.35}.project-name{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs)}.project-description{margin:var(--space-3) 0 0}.project-description-en{margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm);line-height:1.55;display:block}.project-meta{gap:var(--space-1);padding-top:var(--space-4);flex-wrap:wrap;margin-top:auto;display:flex}.project-links{gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;font-weight:700;display:flex}.project-links a:after{content:" ↗";color:var(--accent)}.stars{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);margin-left:auto}.about-copy{max-width:44rem;font-size:var(--text-lg);margin:0}.about-copy-en{margin-top:var(--space-3);color:var(--muted);font-size:var(--text-sm);display:block}.contact-list{gap:var(--space-3);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.contact-list a{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);display:block}.contact-label{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);display:block}.contact-value{margin-top:var(--space-1);overflow-wrap:anywhere;font-weight:700;display:block}.site-footer{padding:var(--space-5) 0;border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs)}.not-found{text-align:center;place-items:center;min-height:75vh;display:grid}.not-found h1{color:var(--accent);font-family:var(--font-mono);margin:0;font-size:clamp(5rem,20vw,12rem);line-height:.9}.not-found p{margin:var(--space-4) 0;font-size:var(--text-lg)}.not-found p span{color:var(--muted);font-size:var(--text-sm);display:block}.back-link{padding:var(--space-2) var(--space-3);border:1px solid var(--ink);border-radius:var(--radius-round);font-size:var(--text-sm);display:inline-block}@media (width<=640px){.site-shell{width:min(100% - 2rem,390px)}.site-header{align-items:flex-start}.nav{gap:var(--space-2);text-align:right}.hero{gap:var(--space-4);min-height:auto;padding:var(--space-7) 0;grid-template-columns:1fr}.avatar{width:5.5rem;height:5.5rem}.project-grid{grid-template-columns:1fr}.contact-list{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}