@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,500;1,9..40,600&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--ink:#1a2332;--ink-soft:#4a5568;--muted:#7a8699;--paper:#fff;--paper-deep:#f4f6f8;--surface:#fff;--navy:#1e2a44;--mint:#7dceb8;--mint-deep:#2f8f78;--mint-soft:#e7f7f1;--violet:#7c6cf0;--violet-soft:#ece9ff;--line:#1a233214;--shadow:0 18px 50px #1e2a441a;--radius:14px;--radius-pill:999px;--max:1100px;--font-sans:"DM Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif:"DM Sans", "Noto Sans SC", sans-serif;--teal:var(--mint-deep);--teal-deep:var(--navy);--teal-soft:var(--mint-soft);--accent:var(--violet);color:var(--ink);background:var(--paper);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:#fff;min-width:320px;margin:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}ul{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}.section{padding:4.5rem 1.25rem}.section--alt{background:var(--paper-deep)}.section__inner{width:min(100%, var(--max));margin:0 auto}.section__header{max-width:36rem;margin-bottom:2.25rem}.section__header h2{font-family:var(--font-serif);letter-spacing:.02em;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700}.section__header p{color:var(--muted);margin-top:.5rem;font-size:.98rem}.nav{z-index:50;transition:background .25s,box-shadow .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:sticky;top:0}.nav--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);background:#ffffffe6}.nav__inner{width:min(100%, var(--max));justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.9rem 1.25rem;display:flex}.nav__brand{font-family:var(--font-serif);letter-spacing:.04em;font-size:1.15rem;font-weight:700}.nav__links{align-items:center;gap:1.25rem;display:flex}.nav__links a{color:var(--ink-soft);font-size:.92rem;font-weight:500;transition:color .2s;position:relative}.nav__links a:after{content:"";background:var(--mint-deep);transform-origin:0;width:100%;height:2px;transition:transform .22s;position:absolute;bottom:-.3rem;left:0;transform:scaleX(0)}.nav__links a:hover,.nav__links a.is-active{color:var(--ink)}.nav__links a:hover:after,.nav__links a.is-active:after{transform:scaleX(1)}.nav__toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:.4rem;width:2.5rem;height:2.5rem;padding:.6rem;display:none}.nav__toggle span{background:var(--ink);width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.hero{background:#fff;align-items:center;min-height:min(86vh,760px);padding:4.5rem 1.25rem 3rem;display:grid;position:relative;overflow:hidden}.hero__layout{width:min(100%, var(--max));grid-template-columns:minmax(0,1.15fr) minmax(220px,.78fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);margin:0 auto;display:grid;position:relative}.hero__content{min-width:0;animation:.75s both rise-in}.hero__name{letter-spacing:-.02em;color:var(--navy);font-size:clamp(2.4rem,5.2vw,3.55rem);font-weight:700;line-height:1.15}.hero__name span{color:var(--navy)}.hero__role{color:var(--violet);letter-spacing:.01em;margin-top:.85rem;font-size:clamp(1.15rem,2.2vw,1.45rem);font-style:italic;font-weight:600;animation:.75s 80ms both rise-in}.hero__summary{max-width:36rem;color:var(--ink-soft);margin-top:1.25rem;font-size:.98rem;line-height:1.85;animation:.75s .14s both rise-in}.hero__actions{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1.75rem;animation:.75s .2s both rise-in;display:flex}.hero__visual{justify-self:center;width:min(100%,280px);animation:.85s .12s both rise-in;position:relative}.hero__dots{z-index:0;pointer-events:none;background-image:radial-gradient(circle,#7c6cf08c 1.6px,#0000 1.8px);background-repeat:repeat;background-size:12px 12px;width:72px;height:72px;position:absolute;bottom:18px;left:-18px}.hero__portrait{z-index:1;aspect-ratio:4/5;border:3px solid var(--mint);background:#f3f5f7;border-radius:22px;width:100%;margin:0;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;transform:rotate(3deg);box-shadow:0 22px 48px #1e2a4424}.hero__portrait:hover{transform:rotate(2deg)translateY(-4px);box-shadow:0 28px 56px #1e2a442e}.hero__portrait img{object-fit:cover;object-position:center 10%;filter:contrast(1.03)saturate(.95);width:100%;height:100%;display:block}.btn{border-radius:var(--radius-pill);min-height:2.65rem;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.55rem 1.2rem;font-size:.92rem;font-weight:600;transition:transform .18s,background .18s,color .18s,border-color .18s,box-shadow .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--navy);color:#fff;box-shadow:0 8px 20px #1e2a442e}.btn--primary:hover{background:#152038}.btn--mint{background:var(--mint-soft);color:var(--mint-deep);border-color:#0000}.btn--mint:hover{background:#d7f1e8}.btn--outline{color:var(--ink-soft);background:#fff;border-color:#1a233229}.btn--outline:hover{color:var(--ink);border-color:#1a23324d}.btn--ghost{color:var(--mint-deep);background:0 0;border-color:#2f8f7859}.btn--ghost:hover{background:var(--mint-soft)}.btn--text{color:var(--ink-soft);background:0 0;padding-inline:.4rem}.btn--text:hover{color:var(--navy)}.highlights{padding-top:1rem;padding-bottom:3rem}.highlights__grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem 1.5rem;padding:1.75rem 0;display:grid}.highlights__item{flex-direction:column;gap:.35rem;animation:.7s both rise-in;display:flex}.highlights__item:nth-child(2){animation-delay:60ms}.highlights__item:nth-child(3){animation-delay:.12s}.highlights__item:nth-child(4){animation-delay:.18s}.highlights__value{font-family:var(--font-serif);color:var(--teal-deep);letter-spacing:.02em;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700}.highlights__label{color:var(--muted);font-size:.92rem;line-height:1.4}.highlights__note{color:var(--muted);margin-top:1rem;font-size:.82rem}.timeline{flex-direction:column;gap:2rem;display:flex}.timeline__item{border-bottom:1px solid var(--line);grid-template-columns:11rem 1fr;gap:1.5rem;padding-bottom:2rem;display:grid}.timeline__item:last-child{border-bottom:0;padding-bottom:0}.timeline__period{color:var(--teal-deep);font-size:.95rem;font-weight:600;display:block}.timeline__location{color:var(--muted);margin-top:.35rem;font-size:.88rem;display:block}.timeline__body h3{font-size:1.2rem;font-weight:700}.timeline__subtitle{color:var(--ink-soft);margin-top:.35rem;font-weight:500}.timeline__note{color:var(--muted);margin-top:.75rem;line-height:1.7}.bullet-list{flex-direction:column;gap:.55rem;margin-top:.9rem;display:flex}.bullet-list li{color:var(--ink-soft);padding-left:1rem;line-height:1.75;position:relative}.bullet-list li:before{content:"";background:var(--teal);border-radius:50%;width:.35rem;height:.35rem;position:absolute;top:.75em;left:0}.topic-summary__points{flex-direction:column;gap:.65rem;max-width:40rem;margin-bottom:1.25rem;display:flex}.topic-summary__points li{color:var(--ink-soft);padding-left:1rem;font-weight:500;line-height:1.6;position:relative}.topic-summary__points li:before{content:"";background:var(--teal);border-radius:50%;width:.35rem;height:.35rem;position:absolute;top:.7em;left:0}.topic-summary__link{color:var(--teal-deep);border-bottom:1px solid #0000;align-items:center;font-weight:600;transition:border-color .18s,color .18s;display:inline-flex}.topic-summary__link:hover{border-bottom-color:var(--teal)}.page-header{padding:3.5rem 1.25rem .5rem}.page-header__inner{max-width:var(--max)}.page-header__back{color:var(--muted);margin-bottom:1rem;font-size:.92rem;font-weight:500;transition:color .18s;display:inline-block}.page-header__back:hover{color:var(--teal-deep)}.page-header h1{font-family:var(--font-serif);letter-spacing:.02em;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700}.page-header p{color:var(--muted);max-width:36rem;margin-top:.55rem;line-height:1.7}.project-list{flex-direction:column;gap:1.25rem;display:flex}.project{border-bottom:1px solid var(--line);padding-bottom:2.25rem}.project:last-child,.project--link{border-bottom:0;padding-bottom:0}.project__card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:minmax(0,1fr);gap:1rem;padding:1.35rem 1.4rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.project__card:has(.project__thumb){grid-template-columns:minmax(120px,220px) minmax(0,1fr);align-items:stretch}.project__card:hover{border-color:#2f8f7873;transform:translateY(-2px);box-shadow:0 12px 32px #1e2a4414}.project__thumb{background:var(--paper-deep);border-radius:10px;min-height:120px;overflow:hidden}.project__thumb img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.project__body{min-width:0}.project__head h3{color:var(--navy);font-size:1.2rem;font-weight:700}.project__role{color:var(--mint-deep);margin-top:.3rem;font-size:.92rem;font-weight:600}.project__desc{color:var(--ink-soft);max-width:48rem;margin-top:.75rem;line-height:1.75}.project__cta{color:var(--mint-deep);border-bottom:1px solid #0000;margin-top:1rem;font-size:.9rem;font-weight:600;transition:border-color .18s;display:inline-block}.project__card:hover .project__cta{border-bottom-color:var(--mint-deep)}.project-detail{padding:3.25rem 1.25rem 4.5rem}.project-detail--wide .project-detail__inner{max-width:min(100%,920px)}.project-detail__inner{max-width:40rem}.project-detail__header{margin-top:.5rem}.project-detail__meta{color:var(--mint-deep);font-size:.95rem;font-weight:600}.project-detail__header h1{color:var(--navy);letter-spacing:-.02em;margin-top:.55rem;font-size:clamp(1.75rem,3.5vw,2.35rem);font-weight:700;line-height:1.25}.project-detail__lead{color:var(--ink-soft);margin-top:1rem;line-height:1.85}.project-detail__download{width:fit-content;margin-top:1.25rem}.project-detail__cover{margin:1.75rem 0 0}.project-detail__cover img{border-radius:var(--radius);border:1px solid var(--line);width:100%;display:block;box-shadow:0 12px 32px #1e2a4414}.project-detail__cover figcaption{color:var(--muted);margin-top:.55rem;font-size:.85rem}.project-detail__gallery{margin-top:2rem}.project-detail__gallery-head{margin-bottom:.85rem}.project-detail__gallery-head h2{color:var(--navy);font-size:1.1rem;font-weight:700}.project-detail__gallery-head p{color:var(--muted);margin-top:.35rem;font-size:.9rem}.project-detail__gallery-stack{border:1px solid var(--line);border-radius:var(--radius);background:#fff;font-size:0;line-height:0;overflow:hidden;box-shadow:0 12px 32px #1e2a4414}.project-detail__gallery-stack img{vertical-align:top;border:0;width:100%;height:auto;margin:0;padding:0;display:block}.project-detail__metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1.75rem;padding:1.25rem 0;display:grid}.project-detail__metric-value{color:var(--navy);font-size:1.45rem;font-weight:700;display:block}.project-detail__metric-label{color:var(--muted);margin-top:.25rem;font-size:.88rem;display:block}.project-detail__sections{flex-direction:column;gap:1.75rem;margin-top:2.25rem;display:flex}.project-detail__sections h2,.project-detail__highlights h2{color:var(--navy);margin-bottom:.55rem;font-size:1.1rem;font-weight:700}.project-detail__sections p{color:var(--ink-soft);line-height:1.85}.project-detail__highlights{margin-top:2.25rem}.project-detail__footer{border-top:1px solid var(--line);color:var(--muted);margin-top:2.75rem;padding-top:1.5rem;font-size:.95rem}.project-detail__footer a{color:var(--mint-deep);font-weight:600}.project-detail__footer a:hover{color:var(--navy)}.ai-sample{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#f8fafc 0%,#fff 48%);margin-top:2rem;padding:1.25rem 1.35rem 1.4rem}.ai-sample__head h2{color:var(--navy);font-size:1.1rem;font-weight:700}.ai-sample__head p{color:var(--muted);margin-top:.35rem;font-size:.9rem;line-height:1.6}.ai-sample__modules{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.ai-sample__module{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;padding:.4rem .8rem;font-size:.82rem}.ai-sample__module.is-active,.ai-sample__module:hover{color:#0f766e;background:#f0fdfa;border-color:#99f6e4}.ai-sample__module-body{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:.9rem;padding:.95rem 1rem}.ai-sample__module-body h3{color:var(--navy);margin-bottom:.35rem;font-size:1rem}.ai-sample__module-body p{color:var(--ink-soft);margin-bottom:.55rem;font-size:.9rem;line-height:1.65}.ai-sample__panel{margin-top:1rem}.ai-sample__panel-title{color:var(--navy);margin-bottom:.65rem;font-size:.92rem;font-weight:700}.ai-sample__chips{flex-wrap:wrap;gap:.55rem;display:flex}.ai-sample__chip{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;padding:.45rem .85rem;font-size:.82rem;transition:border-color .15s,background .15s,color .15s}.ai-sample__chip:hover,.ai-sample__chip.is-active{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}.ai-sample__thread{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.ai-sample__bubble{border-radius:14px;max-width:min(640px,100%);padding:.85rem 1rem;font-size:.92rem;line-height:1.7}.ai-sample__bubble--user{color:#fff;background:#4338ca;border-bottom-right-radius:4px;align-self:flex-end}.ai-sample__bubble--bot{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.ai-sample__note{color:var(--muted);margin-top:.55rem;font-size:.82rem}@media (width<=640px){.ai-sample__bubble--user,.ai-sample__bubble--bot{max-width:100%}}.skills{gap:2rem;display:grid}.skills__group h3{color:var(--ink);margin-bottom:.85rem;font-size:1rem;font-weight:700}.skills__tags{flex-wrap:wrap;gap:.6rem;display:flex}.skills__tags li{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);padding:.45rem .8rem;font-size:.92rem;font-weight:500}.contact__list{gap:1.5rem;max-width:36rem;display:grid}.contact__private{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-width:36rem;padding:1.25rem 1.35rem}.contact__private p{color:var(--ink-soft);line-height:1.8}.contact__private-note{color:var(--muted);margin-top:.75rem;font-size:.88rem}.contact__list li{border-bottom:1px solid var(--line);gap:.4rem;padding-bottom:1.25rem;display:grid}.contact__label{letter-spacing:.08em;color:var(--muted);font-size:.85rem;font-weight:600}.contact__value{width:fit-content;max-width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;flex-wrap:wrap;align-items:baseline;gap:.75rem;padding:0;font-size:1.15rem;font-weight:600;transition:color .18s;display:flex}.contact__value:hover{color:var(--teal-deep)}.contact__hint{color:var(--muted);font-size:.82rem;font-weight:500}.contact__qr{border:1px solid var(--line);background:#fff;width:min(180px,100%);height:auto;margin-top:.75rem}.footer{border-top:1px solid var(--line);padding:1.75rem 1.25rem 2.5rem}.footer__inner{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.footer a:hover{color:var(--teal-deep)}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes atmosphere-shift{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.04)translate(-1.5%,1%)}}@media (width<=860px){.highlights__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline__item{grid-template-columns:1fr;gap:.6rem}.hero__layout{grid-template-columns:1fr;gap:2.25rem}.hero__visual{order:-1;justify-self:start;width:min(100%,210px)}.hero__portrait{transform:rotate(2.5deg)}.project__card:has(.project__thumb){grid-template-columns:1fr}.project__thumb{min-height:150px;max-height:180px}}@media (width<=720px){.nav__toggle{display:flex}.nav__links{border-bottom:1px solid var(--line);opacity:0;pointer-events:none;background:#fffffffa;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.25rem 1rem;transition:opacity .2s,transform .2s;position:absolute;top:100%;left:0;right:0;transform:translateY(-.5rem)}.nav__links--open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav__links a{border-bottom:1px solid var(--line);padding:.85rem 0}.nav__links a:last-child{border-bottom:0}.hero{min-height:auto;padding-top:4.5rem}.hero__visual{width:min(100%,180px)}.hero__dots{width:56px;height:56px;bottom:12px;left:-12px}.section{padding:3.25rem 1.15rem}}@media (width<=480px){.highlights__grid{grid-template-columns:1fr}.hero__actions{flex-direction:column;align-items:stretch}.btn{width:100%}.btn--text{align-self:flex-start;width:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__atmosphere,.hero__content,.hero__role,.hero__summary,.hero__actions,.hero__visual,.highlights__item{animation:none}.btn:hover,.hero__portrait:hover{transform:none}}