:root{color-scheme:light;--ink: #151515;--muted: #696761;--paper: #f5f5f2;--surface: #ffffff;--line: #d8d8d2;--accent-dark: #7a2b24;--shadow: 0 12px 34px rgba(18, 18, 18, .1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink)}a{color:inherit}button{font:inherit}img,video{display:block;max-width:100%}h1,h2,h3,p{overflow-wrap:anywhere}.eyebrow{margin:0 0 12px;color:var(--accent-dark);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;max-width:12ch;font-size:clamp(2.8rem,6.4vw,5.9rem);line-height:.96;letter-spacing:0}.about-page{padding:clamp(32px,4vw,48px) clamp(18px,4vw,56px) clamp(52px,6vw,88px)}.about-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:clamp(32px,4vw,48px)}.school-badge{display:block;width:clamp(164px,18vw,248px);margin-top:27px}.school-badge img{width:100%;max-height:72px;object-fit:contain;object-position:right top}.about-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.7fr);gap:clamp(40px,6vw,96px);align-items:start}.about-main{min-width:0}.about-content{display:grid;grid-template-columns:218px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}.profile-card{margin:0;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow)}.about-image{overflow:hidden}.about-image img{width:100%;aspect-ratio:3 / 4;object-fit:cover}.portrait-info{display:grid;gap:6px;margin:13px 0 0}.portrait-info div{display:flex;gap:8px;color:var(--muted);font-size:.88rem;line-height:1.45}.portrait-info dt,.info-list dt,.profile-records dt{color:var(--accent-dark);font-weight:800}.portrait-info dd,.info-list dd,.profile-records dd{margin:0}.about-copy p{max-width:620px;margin:0;color:var(--muted);font-size:1.08rem;line-height:1.8}.info-list{display:grid;gap:16px;margin:34px 0 0}.info-list div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;padding-top:16px}.info-list dd{color:var(--muted)}.info-list dd span{display:block;margin-top:6px}.profile-records h2{margin:0;font-size:clamp(1.75rem,3.2vw,2.55rem);line-height:1.05}.profile-records dl{display:grid;gap:16px;margin:24px 0 0}.profile-records dl div{padding-top:12px}.profile-records dt{margin-bottom:8px;font-size:.9rem}.profile-records dd{color:var(--muted);font-size:.92rem;line-height:1.6}.profile-records dl div:first-child{padding:18px 20px 20px;border:1px solid rgba(122,43,36,.24);border-left:4px solid var(--accent-dark);background:#fbf3f1}.profile-records dl div:first-child dt{margin-bottom:10px;font-size:.98rem}.profile-records dl div:first-child dd{color:var(--ink);font-size:clamp(1.04rem,1.25vw,1.2rem);font-weight:700;line-height:1.82}.profile-records dl div:nth-child(2){padding-top:4px}.profile-records dl div:nth-child(2) dt{margin-bottom:10px;font-size:.98rem}.profile-records dl div:nth-child(2) dd{font-size:clamp(1rem,1.12vw,1.1rem);line-height:1.75}.section-heading{padding:34px clamp(18px,4vw,56px) 24px}.section-heading h2{margin:0;font-size:clamp(2rem,5vw,4.8rem);line-height:1;letter-spacing:0}.gallery-shell{padding:0 clamp(18px,4vw,56px) 84px}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px);align-items:start}.art-card{min-width:0}.art-link{position:relative;display:block;overflow:hidden;background:#deded8}.art-link img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;transition:transform .26s ease}.art-link-hint{position:absolute;right:12px;bottom:12px;padding:7px 9px;background:#151515d1;color:#fff;font-size:.78rem;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.art-link:hover img,.art-link:focus-visible img{transform:scale(1.035)}.art-link:hover .art-link-hint,.art-link:focus-visible .art-link-hint{opacity:1;transform:translateY(0)}.art-link:focus-visible{outline:2px solid var(--accent-dark);outline-offset:3px}.art-card-info{display:flex;justify-content:space-between;gap:14px;padding-top:12px}.art-card-info h3,.art-card-info p{margin:0;font-size:.95rem;line-height:1.35}.art-card-info p{color:var(--muted);text-align:right}.project-page{--project-paper: #f5f5f2;--project-ink: #151515;--project-accent: var(--accent-dark);--project-panel: #e8e8e3;padding:clamp(92px,9vw,148px) clamp(18px,6vw,96px) clamp(56px,8vw,120px);background:var(--project-paper);color:var(--project-ink)}.back-link{position:fixed;z-index:20;top:clamp(16px,3vw,36px);left:clamp(18px,6vw,96px);display:inline-block;padding:9px 13px;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:999px;background:#fffffff0;box-shadow:0 6px 18px #1212121a}.back-link:hover,.back-link:focus-visible{color:var(--project-accent);border-color:var(--project-accent)}.project-hero{display:grid;grid-template-columns:minmax(70px,.22fr) minmax(0,.78fr) minmax(260px,.78fr);gap:clamp(22px,4vw,66px);align-items:start;max-width:1280px;margin:0 auto}.project-index{color:var(--project-accent);font-size:clamp(4.5rem,12vw,10.5rem);font-weight:800;letter-spacing:-.09em;line-height:.73}.project-hero-copy{padding-top:clamp(12px,3vw,54px)}.project-hero h1{max-width:8ch;font-size:clamp(3rem,6.2vw,7rem)}.project-hero .eyebrow{color:var(--project-accent)}.project-concept{max-width:28rem;margin:clamp(20px,3vw,38px) 0 0;color:var(--project-ink);font-size:clamp(1.08rem,1.65vw,1.45rem);line-height:1.65}.project-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:470px;margin:clamp(26px,4vw,54px) 0 0}.project-facts div{border-top:1px solid color-mix(in srgb,var(--project-ink) 35%,transparent);padding-top:8px}.project-facts dt{color:var(--project-accent);font-size:.72rem;font-weight:800;letter-spacing:.08em}.project-facts dd{margin:5px 0 0;font-size:.88rem;line-height:1.4}.project-cover{position:relative;margin:0;align-self:stretch;min-height:min(62vw,670px);overflow:hidden;background:var(--project-panel)}.project-cover:after{position:absolute;right:13px;bottom:10px;content:"COVER";color:#fff;font-size:.65rem;letter-spacing:.16em;mix-blend-mode:difference}.project-cover img{width:100%;height:100%;object-fit:contain}.project-introduction{display:grid;grid-template-columns:minmax(180px,.62fr) minmax(0,1.2fr) minmax(180px,.6fr);gap:clamp(18px,4vw,66px);max-width:1120px;margin:clamp(76px,14vw,200px) auto clamp(54px,9vw,126px);padding-top:16px;border-top:1px solid color-mix(in srgb,var(--project-ink) 38%,transparent)}.project-introduction-number{margin:0;color:var(--project-accent);font-size:.72rem;font-weight:800;letter-spacing:.09em}.project-introduction>p:not(.project-introduction-number){max-width:38rem;margin:0;font-size:clamp(1.18rem,2vw,1.85rem);line-height:1.55}.project-introduction ul{display:grid;gap:8px;margin:0;padding:0;color:color-mix(in srgb,var(--project-ink) 66%,transparent);font-size:.9rem;list-style:none}.project-introduction li{border-bottom:1px solid color-mix(in srgb,var(--project-ink) 16%,transparent);padding-bottom:7px}.project-showcase{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(32px,6vw,88px) clamp(14px,2.5vw,36px);max-width:1360px;margin:0 auto;align-items:start}.project-chapter{position:relative;grid-column:1 / -1;display:grid;grid-template-columns:minmax(130px,.35fr) minmax(0,1fr);gap:clamp(18px,4vw,64px);margin-top:clamp(50px,8vw,110px);padding-top:14px;border-top:1px solid color-mix(in srgb,var(--project-ink) 38%,transparent)}.project-chapter:first-child{margin-top:0}.project-chapter p{margin:0;color:var(--project-accent);font-size:.68rem;font-weight:800;letter-spacing:.1em}.project-chapter h2{max-width:12ch;margin:0;font-size:clamp(1.8rem,4vw,4.8rem);line-height:1.02;letter-spacing:-.045em}.project-chapter>span{position:absolute;right:0;top:8px;color:color-mix(in srgb,var(--project-ink) 15%,transparent);font-size:clamp(3.5rem,9vw,8rem);font-weight:800;line-height:.8;letter-spacing:-.08em}.project-asset{grid-column:span 6;margin:0;content-visibility:auto;contain-intrinsic-size:520px}.project-asset--feature{grid-column:1 / -1}.project-asset--spread,.project-asset--cinema{grid-column:2 / span 10}.project-asset--pair,.project-asset--poster{grid-column:span 6}.project-asset--portrait{grid-column:span 5}.project-asset--portrait:nth-of-type(2n){grid-column:2 / span 5}.project-asset--portrait:nth-of-type(odd){grid-column:7 / span 5;margin-top:clamp(36px,8vw,110px)}.project-asset--portrait-feature{grid-column:2 / span 7}.project-asset--portrait-support{grid-column:8 / span 5;margin-top:clamp(80px,14vw,190px)}.project-asset--triptych{grid-column:span 4}.project-asset-frame{position:relative;aspect-ratio:var(--asset-ratio, auto);overflow:hidden;background:var(--project-panel)}.project-image-frame:before{position:absolute;inset:0;z-index:0;content:"";background:color-mix(in srgb,var(--project-panel) 86%,var(--project-ink));opacity:.42;animation:image-placeholder-pulse 1.4s ease-in-out infinite alternate}.project-image-frame.is-loaded:before{opacity:0;animation:none;transition:opacity .24s ease}.project-image-frame.has-error:before{content:"图片加载失败，请刷新重试";display:grid;place-items:center;padding:20px;color:var(--project-ink);font-size:.8rem;text-align:center;animation:none}.project-image-frame.has-error img{opacity:0}.project-asset img,.project-asset video{display:block;width:100%;height:auto;background:#171717}.project-asset--cinema .project-asset-frame{aspect-ratio:16 / 9}.project-asset--cinema video{height:100%;object-fit:contain}.project-image--pending{opacity:0}.project-image--loaded{animation:project-image-in .36s ease-out both}@keyframes project-image-in{0%{opacity:0}to{opacity:1}}@keyframes image-placeholder-pulse{0%{opacity:.22}to{opacity:.5}}@media(prefers-reduced-motion:reduce){.project-image-frame:before,.project-image--loaded{animation:none}}.project-asset figcaption{display:flex;gap:12px;justify-content:space-between;padding-top:8px;color:color-mix(in srgb,var(--project-ink) 62%,transparent);font-size:.68rem;letter-spacing:.04em}.project-asset figcaption span:last-child{max-width:75%;text-align:right}.project-footer{display:flex;align-items:baseline;justify-content:space-between;max-width:1360px;margin:clamp(72px,12vw,160px) auto 0;border-top:1px solid color-mix(in srgb,var(--project-ink) 38%,transparent);padding-top:14px}.project-footer p{margin:0;color:var(--project-accent);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.project-footer a{font-size:clamp(1rem,1.6vw,1.3rem);font-weight:700;text-decoration:none}.project-footer a:hover,.project-footer a:focus-visible{color:var(--project-accent)}.project-page--lotus-brand{--project-paper: #151515;--project-ink: #f4f0e9;--project-accent: #f58224;--project-panel: #252525}.project-page--lotus-brand .project-cover{min-height:min(74vw,760px)}.project-page--lotus-brand .project-showcase{gap:clamp(36px,6vw,84px) clamp(14px,2.5vw,36px)}.project-page--lotus-brand .project-asset--pair:nth-of-type(4n+2){transform:translateY(clamp(20px,4vw,54px))}.project-page--book-binding{--project-paper: #ece9e0;--project-accent: #1841a8;--project-panel: #d8d4c9}.project-page--book-binding .project-showcase{max-width:1180px}.project-page--poster-design{--project-paper: #20203d;--project-ink: #f9f6ee;--project-accent: #ffe124;--project-panel: #302f59}.project-page--poster-design .project-hero{grid-template-columns:.2fr .9fr .65fr}.project-page--poster-design .project-showcase{max-width:1120px;align-items:end}.project-page--poster-design .project-asset--poster:nth-child(2){margin-top:clamp(70px,12vw,160px)}.project-page--packaging-product{--project-paper: #f7ddea;--project-accent: #171717;--project-panel: #efc3d8;background:linear-gradient(105deg,#f7ddea 0% 34%,#f6dfc5 58%,#f2d36f)}.project-page--packaging-product .project-cover{min-height:min(48vw,520px)}.project-page--packaging-product .project-asset--portrait-feature{grid-column:1 / span 6}.project-page--packaging-product .project-asset--portrait-support{grid-column:7 / span 6;margin-top:0}.project-page--packaging-product .project-asset-frame{position:relative;aspect-ratio:.69;background:#fff3}.project-page--packaging-product .project-asset-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.project-page--interface-design{--project-paper: #f3efe3;--project-accent: #07368c;--project-panel: #e6e0cf}.project-page--interface-design .project-showcase,.project-page--solar-terms .project-showcase{gap:clamp(18px,3vw,38px)}.project-page--window-space{--project-paper: #f4eee8;--project-accent: #ba6f70;--project-panel: #eaded8}.project-page--window-space .project-cover{min-height:min(70vw,740px)}.project-page--solar-terms{--project-paper: #eef4eb;--project-accent: #67834e;--project-panel: #dfe9db}.project-page--motion-video{--project-paper: #0f1010;--project-ink: #f4f4f0;--project-accent: #d8e943;--project-panel: #000}.project-page--motion-video .project-cover{background:#000}.project-page--motion-video .project-showcase{max-width:1180px}.project-page--motion-video .project-asset-frame{padding:clamp(8px,1.4vw,18px);background:#050505;border:1px solid #2d2e2b}.project-page--cultural-creative{--project-paper: #071949;--project-ink: #f7f2e8;--project-accent: #c7a45a;--project-panel: #10255b}.project-page--ip-design{--project-paper: #edf2e8;--project-accent: #3c781b;--project-panel: #dce7d4}.project-page--ip-design .project-asset--feature:first-of-type{grid-column:1 / span 8}.project-page--ip-design .project-asset--feature:nth-of-type(2){grid-column:5 / span 8}@media(max-width:860px){.about-layout{grid-template-columns:1fr;gap:36px}.about-content{grid-template-columns:160px minmax(0,1fr);gap:clamp(24px,4vw,56px)}.profile-card{padding:9px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-page{padding-left:clamp(18px,5vw,42px);padding-right:clamp(18px,5vw,42px)}.back-link{left:clamp(18px,5vw,42px)}.project-hero{grid-template-columns:72px minmax(0,1fr)}.project-cover{grid-column:2;min-height:min(92vw,600px)}.project-introduction{grid-template-columns:minmax(150px,.6fr) minmax(0,1.2fr)}.project-introduction ul{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr))}.project-page--poster-design .project-hero{grid-template-columns:72px minmax(0,1fr)}.project-asset--triptych{grid-column:span 6}.project-asset--triptych:last-child{grid-column:4 / span 6}}@media(max-width:560px){.school-badge{width:118px}.school-badge img{max-height:42px}h1{max-width:10ch}.about-page{padding-top:28px}.about-content{grid-template-columns:112px minmax(0,1fr);gap:18px}.portrait-info{gap:4px;margin-top:8px}.portrait-info div{display:block;font-size:.76rem}.about-copy p{font-size:.96rem;line-height:1.65}.info-list div{grid-template-columns:1fr;gap:6px}.art-grid{grid-template-columns:1fr}.art-card-info{align-items:flex-start;flex-direction:column;gap:4px}.art-card-info p{text-align:left}.art-link-hint{opacity:1;transform:none}.project-page{padding-bottom:48px}.project-hero{grid-template-columns:1fr;gap:24px}.project-index{font-size:5.1rem;letter-spacing:-.08em}.project-hero-copy{padding-top:0}.project-hero h1{max-width:10ch}.project-facts{max-width:none}.project-cover{grid-column:auto;min-height:106vw}.project-introduction{grid-template-columns:1fr;gap:20px;margin-top:82px}.project-introduction ul{grid-column:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.project-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 12px}.project-chapter{grid-column:1 / -1;grid-template-columns:1fr;gap:10px;margin-top:58px}.project-chapter h2{max-width:9ch}.project-chapter>span{top:42px}.project-asset,.project-asset--feature,.project-asset--spread,.project-asset--pair,.project-asset--poster,.project-asset--portrait,.project-asset--portrait-feature,.project-asset--portrait-support,.project-asset--triptych,.project-asset--cinema,.project-page--ip-design .project-asset--feature:first-of-type,.project-page--ip-design .project-asset--feature:nth-of-type(2){grid-column:span 2;margin-top:0;transform:none}.project-page--packaging-product .project-asset--portrait-feature,.project-page--packaging-product .project-asset--portrait-support{grid-column:span 2}.project-asset figcaption{font-size:.61rem}.project-footer{margin-top:84px}}