:root{color-scheme:dark;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:var(--black);color:var(--white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--black: #000;--ink: #050505;--white: #f4f5ef;--soft: #c6c9c2;--muted: #7f8580;--dim: #3d423f;--line: rgba(244, 245, 239, .16);--cyan: #59c7ff;--mint: #81f2c6;--red: #ff5f65;--bone: #e6e1d4;--nav-bg: rgba(7, 8, 8, .48);--surface: rgba(244, 245, 239, .045);--surface-strong: rgba(244, 245, 239, .075);--surface-deep: rgba(5, 5, 5, .52);--title-ghost: rgba(244, 245, 239, .7);--shadow-deep: rgba(0, 0, 0, .34);--red-glow: rgba(255, 95, 101, .13);--cyan-glow: rgba(89, 199, 255, .08);--section-bg: radial-gradient(circle at 12% 16%, var(--red-glow), transparent 32%), radial-gradient(circle at 82% 10%, var(--cyan-glow), transparent 30%), var(--black);--interactive-border: color-mix(in srgb, var(--white) 22%, transparent);--interactive-border-strong: color-mix(in srgb, var(--cyan) 64%, transparent)}:root[data-theme=light]{color-scheme:light;--black: #f4f1ea;--ink: #ffffff;--white: #151512;--soft: #42463f;--muted: #74776f;--dim: #b8b5aa;--line: rgba(21, 21, 18, .14);--cyan: #006f91;--mint: #157d62;--red: #c63d3f;--bone: #665a45;--nav-bg: rgba(250, 247, 239, .72);--surface: rgba(255, 255, 255, .58);--surface-strong: rgba(255, 255, 255, .78);--surface-deep: rgba(255, 255, 255, .74);--title-ghost: rgba(21, 21, 18, .42);--shadow-deep: rgba(64, 55, 42, .16);--red-glow: rgba(198, 61, 63, .16);--cyan-glow: rgba(0, 111, 145, .11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:1180px;overflow-x:hidden;background:var(--black);color:var(--white);transition-property:background-color,color;transition-duration:.26s;transition-timing-function:cubic-bezier(.2,0,0,1)}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}main{position:relative;min-height:100vh;isolation:isolate;background:var(--black)}.shell{width:min(1700px,calc(100% - 112px));margin:0 auto}.section{position:relative;z-index:1;min-height:100vh;padding:128px 0;background:var(--section-bg)}.hero{position:relative;z-index:1;min-height:100vh;overflow:hidden;background:var(--section-bg)}.nav{position:fixed;z-index:20;top:26px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:180px 1fr;align-items:center;gap:30px;color:var(--white);font-size:14px;min-height:62px;padding:0 22px;isolation:isolate;transition-property:transform,opacity,filter;transition-duration:.26s;transition-timing-function:cubic-bezier(.2,0,0,1)}.nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:999px;background:var(--nav-bg);box-shadow:0 18px 60px #00000038,inset 0 0 0 1px var(--interactive-border);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25)}.nav-hidden{transform:translate(-50%,-135%);opacity:0;filter:blur(6px);pointer-events:none}.hero-title,.hero-intro,.profile-main,.profile-contact,.contents-block,.projects-intro,.project-card,.project-copy,.project-visual,.strength-card,.stack-title,.stack-row,.contact-layout{position:relative;isolation:isolate}.mark{min-height:44px;display:inline-flex;align-items:center;width:fit-content;color:var(--white);font-size:22px;font-weight:1000;letter-spacing:0;text-transform:lowercase;transition-property:color,transform;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}.mark:hover{color:var(--red)}.mark:active{transform:scale(.96)}.nav-links{display:flex;align-items:center;gap:28px;color:color-mix(in srgb,var(--white) 58%,transparent)}.nav-right{justify-self:end;display:flex;align-items:center;gap:18px}.nav-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;box-shadow:inset 0 0 0 1px transparent;transition-property:color,transform;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}.nav-links a:hover{color:var(--white);background:var(--surface);box-shadow:inset 0 0 0 1px var(--interactive-border);transform:translateY(-1px)}.theme-toggle{position:relative;width:48px;height:44px;display:inline-grid;place-items:center;overflow:hidden;border:0;border-radius:999px;color:var(--white);background:var(--surface);box-shadow:0 10px 24px #0000002e,inset 0 0 0 1px var(--interactive-border);cursor:pointer;transition-property:transform,background-color,color,box-shadow;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}.theme-toggle:hover{background:var(--surface-strong);box-shadow:0 14px 32px #00000038,inset 0 0 0 1px var(--interactive-border-strong);transform:translateY(-1px)}.theme-toggle:active{transform:scale(.96)}.theme-icon{position:absolute;transition-property:opacity,transform,filter;transition-duration:.22s;transition-timing-function:cubic-bezier(.2,0,0,1)}.theme-icon-sun{opacity:0;filter:blur(4px);transform:scale(.25) rotate(-24deg)}.theme-icon-moon{opacity:1;filter:blur(0);transform:scale(1) rotate(0)}:root[data-theme=light] .theme-icon-sun{opacity:1;filter:blur(0);transform:scale(1) rotate(0)}:root[data-theme=light] .theme-icon-moon{opacity:0;filter:blur(4px);transform:scale(.25) rotate(24deg)}.nav-links a:active,.primary-action:active,.secondary-action:active,.project-link:active,.hero-intro a:active,.theme-toggle:active{transform:scale(.96)}.hero-content{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:minmax(640px,820px) minmax(420px,500px);align-items:center;gap:clamp(72px,8vw,150px);justify-content:start;padding-top:70px}.hero-title p,.small-label{margin:0 0 26px;color:var(--red);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero-title h1{margin:0;max-width:1160px;color:var(--white);font-size:clamp(104px,8.7vw,172px);line-height:.95;letter-spacing:0;text-wrap:balance}.hero-name-cn{display:inline-block;margin-top:28px;color:var(--white);font-size:clamp(28px,2.4vw,48px);font-weight:900;letter-spacing:.18em}.hero-intro{align-self:center;padding-left:0}.hero-intro span{display:block;color:var(--white);font-size:15px;font-weight:900}.hero-intro p{margin:18px 0 0;color:var(--soft);font-size:20px;line-height:1.82;text-wrap:pretty}.hero-intro a{min-height:44px;display:inline-flex;align-items:center;gap:9px;margin-top:28px;padding:0 18px;border-radius:999px;color:var(--cyan);font-weight:800;background:var(--surface);box-shadow:0 12px 32px #0000002e,inset 0 0 0 1px var(--interactive-border);transition-property:transform,color,background-color,box-shadow;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}.hero-intro a:hover{color:var(--white);background:var(--surface-strong);box-shadow:0 16px 42px #0000003d,inset 0 0 0 1px var(--interactive-border-strong);transform:translateY(-2px)}.profile{background:var(--section-bg)}.profile-layout{display:grid;grid-template-columns:360px minmax(520px,1fr) 420px;grid-template-areas:"portrait main contents";gap:76px 82px;align-items:start}.profile-portrait{grid-area:portrait;padding-top:168px}.portrait-disc{position:relative;width:220px;height:220px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--surface-strong);color:var(--black);outline:0;box-shadow:none}.portrait-disc:after{display:none}.portrait-disc img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%}.profile-contact{display:grid;gap:15px;margin-top:42px;color:var(--soft)}.profile-contact span{min-height:32px;display:inline-flex;align-items:center;gap:11px}.profile-main{grid-area:main;padding-top:90px}.profile-main h2,.strengths-layout h2,.contact-layout h2{margin:0;color:var(--white);font-size:clamp(46px,4.5vw,82px);line-height:1.08;letter-spacing:0;text-wrap:balance}.profile-main p:not(.small-label),.contact-layout p:not(.small-label){max-width:930px;margin:30px 0 0;color:var(--soft);font-size:20px;line-height:1.9;text-wrap:pretty}.profile-statement span{display:block}.profile-statement span+span{margin-top:16px}.contents-block{grid-area:contents;min-height:600px;padding-top:318px}.contents-block h3{margin:0 0 64px;color:var(--white);font-size:28px}.contents-line{float:left;width:1px;height:360px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin-right:62px;background:transparent;color:var(--white)}.contents-list{display:grid;gap:34px}.contents-item{display:grid;grid-template-columns:98px 1fr;gap:28px;min-height:48px;align-items:center;padding:0 16px;border-radius:999px;color:var(--soft);font-size:16px;line-height:1.55;box-shadow:inset 0 0 0 1px transparent;transition-property:color,transform,background-color,box-shadow;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}.contents-item strong{color:var(--white)}.contents-item:hover{color:var(--white);background:var(--surface);box-shadow:inset 0 0 0 1px var(--interactive-border);transform:translate(8px)}.contents-item:active{transform:translate(8px) scale(.96)}.projects{background:var(--section-bg)}.projects-layout{display:grid;grid-template-columns:420px minmax(0,1fr);gap:42px;align-items:start}.projects-intro{position:sticky;top:122px;min-height:520px}.section-title-en{margin:0 0 54px;max-width:390px;color:var(--title-ghost);font-size:clamp(78px,7.2vw,126px);line-height:.88;font-weight:1000;letter-spacing:0;text-transform:uppercase;white-space:nowrap;overflow-wrap:anywhere;overflow:hidden}.section-kicker{display:flex;align-items:center;gap:16px;margin-bottom:54px;color:var(--soft)}.section-kicker span{min-width:44px;height:44px;display:inline-grid;place-items:center;color:var(--bone);font-weight:900;font-variant-numeric:tabular-nums;background:var(--surface);border-radius:12px}.section-kicker strong{font-size:16px}.projects-intro h2{margin:0;max-width:380px;color:var(--white);font-size:34px;line-height:1.28;letter-spacing:0;text-wrap:balance}.project-stack{display:grid;gap:26px;padding-top:90px}.project-card{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px;min-height:590px;padding:22px;position:relative;overflow:hidden;isolation:isolate;border-radius:28px;background:linear-gradient(120deg,color-mix(in srgb,var(--red) 13%,transparent),transparent 42%),var(--surface);box-shadow:0 34px 90px var(--shadow-deep)}.project-card:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:27px;background:linear-gradient(135deg,color-mix(in srgb,var(--white) 6%,transparent),transparent 46%);pointer-events:none}.project-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:center;padding:32px 18px;text-align:center}.project-category{margin:0 0 32px;color:color-mix(in srgb,var(--white) 64%,transparent);font-size:14px;line-height:1.45;font-weight:800}.project-copy h3{margin:0;color:var(--white);font-size:42px;line-height:1.16;letter-spacing:0;text-wrap:balance}.project-name-en{display:block;margin-top:12px;color:color-mix(in srgb,var(--white) 48%,transparent);font-size:15px;line-height:1.4}.project-lead{margin:28px 0 0;max-width:310px;color:var(--soft);font-size:17px;line-height:1.82;text-wrap:pretty}.project-meta-list{display:grid;gap:12px;width:100%;margin-top:24px}.project-meta-list div{display:grid;gap:7px}.project-meta-list span,.project-proof-tile span{color:var(--muted);font-size:12px;line-height:1.3}.project-meta-list strong{color:var(--white);font-size:14px;line-height:1.55;font-weight:800;text-wrap:pretty}.project-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:330px;margin-top:28px}.project-tags span{min-height:40px;display:inline-flex;align-items:center;padding:0 15px;color:var(--soft);font-size:14px;font-weight:800;background:var(--surface);border-radius:999px}.project-link{min-height:44px;display:inline-flex;align-items:center;gap:9px;margin-top:30px;padding:0 18px;border-radius:999px;color:var(--cyan);font-weight:900;background:var(--surface);box-shadow:0 12px 32px #0000002e,inset 0 0 0 1px var(--interactive-border);transition-property:transform,color,background-color,box-shadow;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}.project-link:hover{color:var(--white);background:var(--surface-strong);box-shadow:0 16px 42px #0000003d,inset 0 0 0 1px var(--interactive-border-strong);transform:translateY(-2px)}.project-link:active{transform:scale(.96)}.project-visual{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;min-width:0;padding:14px;border-radius:24px;background:var(--surface)}.project-main-image{display:block;width:100%;height:400px;object-fit:cover;border-radius:16px;filter:saturate(.9) contrast(1.08) brightness(.86);outline:1px solid color-mix(in srgb,var(--white) 10%,transparent)}.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-proof-tile{min-height:104px;display:flex;flex-direction:column;justify-content:space-between;padding:16px;border-radius:14px;background:var(--surface-deep)}.project-proof-tile strong{color:var(--white);font-size:17px;line-height:1.28;font-variant-numeric:tabular-nums;overflow-wrap:break-word}.project-proof-tile:nth-child(3){grid-column:1 / -1;min-height:76px;flex-direction:row;align-items:center;gap:16px}.project-index{position:absolute;right:28px;top:24px;color:color-mix(in srgb,var(--white) 18%,transparent);font-size:72px;font-weight:1000;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}.strengths{overflow:hidden;background:radial-gradient(circle at 8% 26%,var(--cyan-glow),transparent 31%),radial-gradient(circle at 88% 8%,var(--red-glow),transparent 34%),var(--black)}.strengths-layout{display:grid;grid-template-columns:420px minmax(0,1fr);column-gap:80px;row-gap:32px;align-items:start}.strengths-intro{position:sticky;top:122px;min-height:620px}.strengths-title-en{margin:0 0 46px;max-width:420px;color:var(--title-ghost);font-size:clamp(64px,6.5vw,112px);line-height:.86;font-weight:1000;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere}.strengths-intro .small-label{margin-top:58px}.strengths-intro h2{max-width:380px}.strengths-intro p:not(.small-label):not(.strengths-title-en){max-width:360px;margin:28px 0 0;color:var(--soft);font-size:18px;line-height:1.8;text-wrap:pretty}.strength-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:68px}.strength-card{min-height:300px;padding:30px;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--white) 7%,transparent),transparent 56%),var(--surface);box-shadow:0 28px 80px var(--shadow-deep);transition-property:transform,background-color,box-shadow;transition-duration:.22s;transition-timing-function:cubic-bezier(.2,0,0,1)}.strength-card:first-child{grid-column:auto;min-height:300px}.strength-card:before{content:"";position:absolute;inset:auto 22px 22px auto;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 30%,transparent),transparent 68%);opacity:.58;filter:blur(8px);pointer-events:none}.strength-card:hover{transform:translateY(-6px);background:linear-gradient(145deg,color-mix(in srgb,var(--white) 10%,transparent),transparent 56%),var(--surface-strong)}.strength-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:72px;color:var(--bone);border-radius:18px;background:var(--surface-strong);box-shadow:inset 0 0 0 1px var(--line)}.strength-card:nth-child(2) .strength-icon{color:var(--cyan)}.strength-card:nth-child(3) .strength-icon{color:var(--mint)}.strength-card:nth-child(4) .strength-icon{color:var(--red)}.strength-card h3{margin:0;color:var(--white);font-size:28px;line-height:1.18;text-wrap:balance}.strength-card p{margin:20px 0 0;color:var(--soft);font-size:17px;line-height:1.74;text-wrap:pretty}.stack-list{grid-column:2;display:grid;gap:0;padding:18px 24px;border-radius:24px;background:var(--surface);box-shadow:0 24px 70px var(--shadow-deep)}.stack-title{grid-column:2;margin:8px 0 -12px;color:var(--white);font-size:34px;line-height:1}.stack-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center;min-height:52px;padding:8px 0;box-shadow:inset 0 1px 0 var(--line)}.stack-row:first-child{box-shadow:none}.stack-row strong{color:var(--white);font-size:18px;line-height:1.25}.stack-row div{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.stack-row span{min-height:30px;display:inline-flex;align-items:center;padding:0 12px;color:var(--soft);font-size:15px;line-height:1.2;background:color-mix(in srgb,var(--white) 5%,transparent);border-radius:999px;box-shadow:none}.contact{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--section-bg)}.contact:before{display:none}.contact-layout{position:relative;z-index:1;max-width:1700px}.contact-layout h2{max-width:1180px;font-size:clamp(70px,6vw,126px)}.contact-layout p:not(.small-label){max-width:840px}.contact-actions{display:flex;gap:14px;margin-top:42px}.primary-action,.secondary-action{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;border-radius:999px;font-weight:900;background:var(--surface);box-shadow:0 14px 36px #0003,inset 0 0 0 1px var(--interactive-border);transition-property:transform,background-color,color,box-shadow;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}.primary-action,.secondary-action{color:var(--white)}.primary-action:hover,.secondary-action:hover{color:var(--white);background:var(--surface-strong);box-shadow:0 18px 46px #00000042,inset 0 0 0 1px var(--interactive-border-strong);transform:translateY(-2px)}a:focus-visible,button:focus-visible{outline:2px solid var(--interactive-border-strong);outline-offset:4px}@media(max-width:1500px){.profile-layout{grid-template-columns:300px minmax(0,1fr) 360px;gap:64px 56px}.contents-item{grid-template-columns:86px minmax(0,1fr);gap:22px}}@media(max-width:1400px){body{min-width:1024px}.shell{width:min(1700px,calc(100% - 72px))}.nav{grid-template-columns:120px 1fr}.hero-content{grid-template-columns:minmax(560px,690px) minmax(360px,430px);gap:64px}.hero-title h1{font-size:clamp(88px,8vw,126px)}.profile-layout{grid-template-columns:280px 1fr;grid-template-areas:"portrait main" "contents contents"}.contents-block{padding-top:0}.projects-layout,.strengths-layout{grid-template-columns:260px 1fr}.projects-intro h2{font-size:29px}.project-card{grid-template-columns:330px minmax(0,1fr);min-height:560px}.project-copy h3{font-size:36px}.project-main-image{height:390px}.project-proof-tile{min-height:104px;padding:14px}.project-proof-tile strong{font-size:16px}.strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-list,.stack-title{grid-column:2}.stack-row{grid-template-columns:160px minmax(0,1fr);gap:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav-links a,.primary-action,.secondary-action,.project-link{transition-duration:0ms}}