:root{--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", "Courier New", monospace;--bg:#0a0e15;--bg-soft:#0d131b;--text:#e8eef4;--muted:#94a2b1;--border:#94a3b829;--accent:#56d4c4;--nav-bg:#0a0e15b8;--grid-line:#94a3b812;--term-bg:#0b1017;--term-text:#c3d2df;--term-key:#7fe0d2;--term-dim:#5a6875;--aurora-o:1;color-scheme:dark}[data-theme=light]{--bg:#f7f8f9;--bg-soft:#eceff1;--text:#17212b;--muted:#5c6b7a;--border:#17212b24;--accent:#0f766e;--nav-bg:#f7f8f9cc;--grid-line:#17212b0e;--aurora-o:.4;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.7;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}::selection{background:var(--accent);color:#08131a}.container{width:min(1080px,100% - 3rem);margin-inline:auto}.accent{color:var(--accent)}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(8px)}.reveal.visible{opacity:1;transform:translateY(0)}.site-nav{z-index:50;background:var(--nav-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:3.25rem;display:flex}.logo{font-family:var(--mono);letter-spacing:.03em;font-size:.95rem;font-weight:600}.logo:hover .accent{color:var(--text)}.nav-links{color:var(--muted);gap:1.9rem;font-size:.9rem;display:flex}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--text)}.theme-toggle{border:1px solid var(--border);width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;place-items:center;font-size:.95rem;transition:color .2s,border-color .2s;display:grid}.theme-toggle:hover{color:var(--text);border-color:var(--accent)}.hero{justify-content:center;align-items:center;min-height:calc(100vh - 3.25rem);display:flex;position:relative;overflow:hidden}.aurora{pointer-events:none;opacity:var(--aurora-o);position:absolute;inset:0}.aurora i{will-change:transform;border-radius:50%;position:absolute}.aurora i:first-child{background:radial-gradient(circle,#1e527480,#0000 66%);width:62vmax;height:62vmax;animation:26s ease-in-out infinite alternate drift1;top:-22vmax;left:-16vmax}.aurora i:nth-child(2){background:radial-gradient(circle,#16625a61,#0000 66%);width:56vmax;height:56vmax;animation:32s ease-in-out infinite alternate drift2;top:8vmax;right:-18vmax}.aurora i:nth-child(3){background:radial-gradient(circle,#303e7a66,#0000 66%);width:48vmax;height:48vmax;animation:38s ease-in-out infinite alternate drift3;bottom:-26vmax;left:24vmax}@keyframes drift1{to{transform:translate(8vmax,6vmax)scale(1.15)}}@keyframes drift2{to{transform:translate(-7vmax,-5vmax)scale(1.1)}}@keyframes drift3{to{transform:translate(5vmax,-8vmax)scale(1.18)}}.hero-grid{pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 62% at 50% 45%,#000 28%,#0000 74%);mask-image:radial-gradient(72% 62% at 50% 45%,#000 28%,#0000 74%)}.hero-inner{z-index:1;text-align:center;padding:4.5rem 0 5rem;position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.05em;color:var(--muted);margin-bottom:1.6rem;font-size:.85rem}.cursor{background:var(--accent);vertical-align:text-bottom;width:.55em;height:1.05em;margin-left:.35em;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero-title{letter-spacing:-.04em;font-size:clamp(3rem,9vw,6.5rem);font-weight:700;line-height:1.05}.hero-role{margin-top:1.6rem;font-size:clamp(1.05rem,2.2vw,1.3rem)}.hero-tagline{color:var(--muted);margin-top:.5rem;font-size:clamp(.95rem,2vw,1.05rem)}.hero-links{justify-content:center;align-items:center;gap:.85rem;margin-top:2.4rem;font-size:.95rem;display:flex}.hero-links a{color:var(--muted);transition:color .2s}.hero-links a:hover{color:var(--text);text-underline-offset:4px;text-decoration:underline}.hero-links .dot,.dot{color:var(--muted);opacity:.55}.scroll-hint{z-index:1;color:var(--muted);font-size:1.05rem;transition:color .2s;animation:2.6s ease-in-out infinite float;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.scroll-hint:hover{color:var(--accent)}@keyframes float{50%{transform:translate(-50%,7px)}}.section{padding-top:6.5rem}#contact{padding-bottom:2rem}.sec-title{font-family:var(--mono);letter-spacing:.02em;margin-bottom:2.2rem;font-size:.95rem;font-weight:500}.sec-title .accent{margin-right:.55rem}.works{grid-template-columns:repeat(2,1fr);gap:1.7rem;display:grid}.card{border:1px solid var(--border);border-radius:14px;padding:1.2rem 1.2rem 1.5rem;transition:border-color .25s;display:block}.card:hover{border-color:var(--accent)}.shot{aspect-ratio:16/10;border:1px solid var(--border);background:var(--bg-soft);border-radius:8px;overflow:hidden}.shot img{object-fit:cover;filter:saturate(.8)brightness(.9);width:100%;height:100%;transition:filter .35s,transform .35s}.card:hover .shot img{filter:none;transform:scale(1.02)}.card-body{padding:1.15rem .3rem 0}.num{font-family:var(--mono);color:var(--muted);font-size:.8rem}.card-body h3{letter-spacing:-.01em;margin-top:.45rem;font-size:1.3rem}.card-tagline{color:var(--muted);margin-top:.3rem;font-size:.95rem}.card-stack{font-family:var(--mono);color:var(--muted);opacity:.85;margin-top:.75rem;font-size:.8rem}.about{grid-template-columns:1.1fr .9fr;align-items:start;gap:3rem;display:grid}.about-text{font-size:1.02rem;line-height:1.95}.term{font-family:var(--mono);background:var(--term-bg);border:1px solid var(--border);border-radius:12px;font-size:.86rem;overflow:hidden}.term-bar{border-bottom:1px solid #94a3b81f;gap:.5rem;padding:.8rem 1rem;display:flex}.term-bar i{border-radius:50%;width:.72rem;height:.72rem}.term-bar i:first-child{background:#ff5f56}.term-bar i:nth-child(2){background:#ffbd2e}.term-bar i:nth-child(3){background:#27c93f}.term-body{padding:1.1rem 1.25rem 1.3rem}.term-body p{color:var(--term-text);padding:.16rem 0}.t-key{color:var(--term-key)}.t-sep{color:var(--term-dim)}.contact-rows{list-style:none}.contact-rows li{justify-content:space-between;align-items:baseline;gap:1rem;padding:1.1rem .2rem;font-size:.98rem;display:flex}.contact-rows li+li{border-top:1px solid var(--border)}.c-label{font-family:var(--mono);color:var(--muted);font-size:.85rem}.c-value a{transition:color .2s}.c-value a:hover{color:var(--accent)}.copy-row{cursor:pointer;-webkit-user-select:none;user-select:none}.copy-row:hover .c-value{color:var(--accent)}.copied{font-family:var(--mono);color:var(--accent);opacity:0;margin-left:.8rem;font-size:.8rem;transition:opacity .25s;display:inline-block}.copied.show{opacity:1}.detail{padding-top:4.5rem}.back{font-family:var(--mono);color:var(--muted);font-size:.85rem;transition:color .2s}.back:hover{color:var(--accent)}.detail-head{margin-top:1.8rem}.detail-head h1{letter-spacing:-.03em;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.1}.detail-meta{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-top:.75rem;font-size:.95rem;display:flex}.detail-type{font-family:var(--mono);font-size:.82rem}.detail-shot{aspect-ratio:16/10;border:1px solid var(--border);background:var(--bg-soft);border-radius:14px;margin-top:2.4rem;overflow:hidden}.detail-shot img{object-fit:cover;width:100%;height:100%}.detail-desc{max-width:46rem;margin-top:2.2rem;line-height:1.95}.detail-stack{margin-top:1.1rem}.pager{border-top:1px solid var(--border);font-family:var(--mono);justify-content:space-between;gap:1rem;margin-top:4rem;padding-top:1.7rem;font-size:.88rem;display:flex}.pager a{color:var(--muted);transition:color .2s}.pager a:hover{color:var(--accent)}footer.site{border-top:1px solid var(--border);text-align:center;font-family:var(--mono);color:var(--muted);margin-top:6.5rem;padding:2.1rem 0 2.5rem;font-size:.8rem}@media (width<=540px){.container{width:calc(100% - 2.2rem)}.nav-links{display:none}.section{padding-top:4.5rem}.works{grid-template-columns:1fr;gap:1.4rem}.about{grid-template-columns:1fr;gap:2.2rem}.contact-rows li{flex-direction:column;align-items:flex-start;gap:.2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}