/* 色彩基准来自简历源稿，材质与交互分层，避免用不透明白色伪装玻璃。 */
:root{--paper:#eeebe4;--ink:#151713;--olive:#506448;--resume-green:#506448;--resume-deep:#3f503a;--resume-pale:#bec6ad;--muted:#707568;--line:#c7c9bd;--glass-ink:#34442f;--glass-base:rgba(250,249,243,.24);--glass-rim:rgba(255,255,255,.68)}
body{background:var(--paper)}
.opening{background:radial-gradient(ellipse at 50% 67%,#bec6ad66 0%,#eeebe4 66%)}
.site-header{background:linear-gradient(90deg,#eeebe4fc 0%,#eeebe4ed 22%,#eeebe436 48%,#eeebe414 100%);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#5064480c}
.glass-surface{background:var(--glass-base);border:1px solid var(--glass-rim);box-shadow:0 8px 22px -14px #26332152,inset 0 1px 0 #ffffffb3,inset 0 -1px 1px #50644829;backdrop-filter:blur(9px) saturate(155%);-webkit-backdrop-filter:blur(9px) saturate(155%)}
.glass-surface::before{background:radial-gradient(ellipse at var(--light-x,35%) var(--light-y,0%),#fff9 0%,#ffffff16 34%,transparent 65%),linear-gradient(125deg,#fff4,transparent 23%,#ffffff06 56%,#e6f3f20b 78%,#fff3);opacity:.8;transition:opacity .35s}
.glass-surface::after{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:inherit;border:1px solid transparent;background:linear-gradient(115deg,#fff9,transparent 31%,transparent 65%,#fff7) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:.55}
.glass-surface[data-optic]{backdrop-filter:blur(7px) saturate(155%) var(--optic-filter)}
.glass-surface:hover,.glass-surface.glass-touched{background-color:#ffffff3d}
.glass-touched::before{opacity:1}
.desktop-nav.glass-surface{background:#ffffff24;padding:5px;box-shadow:0 9px 26px -16px #26332166,inset 0 1px 0 #ffffffc2}
.desktop-nav .nav-link,.desktop-nav .nav-contact{background:transparent!important;color:#34442f;transition:color .2s;z-index:2}
.desktop-nav .nav-link.active{background:transparent}
.glass-rail>.glass-selection{z-index:0;background:linear-gradient(145deg,#ffffff7a,#ffffff20 48%,#bec6ad45);border-color:#ffffffb3;box-shadow:0 5px 12px -7px #2834225c,inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #50644824;transform-origin:50% 50%}
.glass-rail>.glass-control{z-index:2}
.glass-selection::before{opacity:1;background:radial-gradient(ellipse at var(--light-x,35%) 0,#fff9,transparent 58%)}
.glass-rail.is-touching>.glass-selection{filter:brightness(1.08)}
.discipline-bar,.project-section-nav{background:#eeebe44d;backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%)}
.discipline-links{gap:4px}.discipline-links a.glass-control{color:#506448}
.contact{background:radial-gradient(ellipse at 100% 0%,#506448 0%,#45583f 44%,#3f503a 100%);color:#eeebe4}
.contact-title span{color:#bec6ad}.contact-top .eyebrow,.contact-actions p,.contact-tools{color:#e0e4d6}.footer-line{border-color:#bec6ad59;color:#d0d8c4}
.contact .glass-surface{background:#ffffff12;border-color:#ffffff4d;color:#eeebe4;box-shadow:0 8px 20px -12px #15251066,inset 0 1px 0 #ffffff70;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%)}
.contact .glass-surface::before{opacity:.65}
/* 鼠标指示器是小型细线箭头，真实命中区域仍为原链接。 */
.art-pointer{position:fixed;left:0;top:0;width:30px;height:30px;z-index:200;display:grid;place-items:center;pointer-events:none;opacity:0;color:#35482e;will-change:transform;filter:drop-shadow(0 0 2px #eeebe4);mix-blend-mode:normal}
.art-pointer svg{width:21px;height:21px;stroke-width:1.3}.art-pointer::before{content:"";position:absolute;inset:0;border:1px solid currentColor;border-radius:50%;opacity:.32;transform:rotate(-35deg) scale(.8);transition:transform .35s}.art-pointer.is-over::before{transform:rotate(0) scale(1)}
.art-pointer.is-dark{color:#f5f3ed;filter:drop-shadow(0 0 2px #273422)}
.hero-piece{--tilt-x:0deg;--tilt-y:0deg;transform:translate(calc(-50% + var(--x) + var(--scroll-x)),calc(-50% + var(--entry-y) + var(--scroll-y) + var(--hover-y))) rotate(calc(var(--r) + var(--scroll-r))) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(var(--scroll-scale))}
.hero-piece::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,20%),#fff6,transparent 60%);opacity:0;transition:opacity .4s}.hero-piece:hover::after{opacity:.65}
.hero-deck-controls{display:none}
@media(hover:hover) and (pointer:fine){html.art-pointer-ready [data-cursor],html.art-pointer-ready .hero-piece,html.art-pointer-ready .image-zoom{cursor:none}html.art-pointer-ready [data-cursor] *,html.art-pointer-ready .hero-piece *,html.art-pointer-ready .image-zoom *{cursor:none}}
@media(max-width:760px){
 .site-header{background:linear-gradient(90deg,#eeebe4f5,#eeebe487);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
 .menu-toggle.glass-surface{background:#ffffff26;border-color:#ffffffb3;box-shadow:0 4px 14px -9px #3f503a66,inset 0 1px 0 #fffc}
 .desktop-nav.glass-surface{left:12px;right:12px;top:76px;border:1px solid #ffffffb3;border-radius:22px;background:#eeebe469;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);padding:14px 16px;box-shadow:0 20px 45px -20px #26332166}
 .desktop-nav .nav-contact{align-self:stretch}.desktop-nav .nav-link,.desktop-nav .nav-contact{padding:12px 15px}
 .opening{min-height:0;padding-top:29px;padding-bottom:25px;overflow:hidden}
 .opening-title{font-size:clamp(50px,12.2vw,84px);margin-top:25px}.opening-subtitle{font-size:11px;margin-top:17px}
 .work-stage{width:100%;height:330px;min-height:330px;margin-top:14px;touch-action:pan-y;perspective:900px}
 .hero-piece{border-width:4px;top:50%;will-change:transform;box-shadow:0 15px 24px -15px #26332166;transition:box-shadow .35s}
 .hero-piece.piece-center{--x:0px;--w:clamp(158px,44vw,186px);--h:238px;--r:-2deg;--z:5;top:51%}
 .hero-piece.piece-left{--x:-84px;--w:128px;--h:100px;--r:-11deg;--z:3;top:69%}
 .hero-piece.piece-right{--x:84px;--w:128px;--h:100px;--r:11deg;--z:3;top:69%}
 .hero-piece.piece-far-left{--x:-114px;--w:78px;--h:108px;--r:-14deg;--z:1;top:31%}
 .hero-piece.piece-far-right{--x:114px;--w:78px;--h:108px;--r:14deg;--z:1;top:31%}
 .hero-piece.is-deck-front{z-index:8}.hero-piece.is-deck-front::after{opacity:.22}
 .hero-indicator{width:18px;height:18px;right:5px;bottom:5px}.hero-indicator svg{width:16px;height:16px}
 .hero-deck-controls{display:flex;align-items:center;justify-content:center;gap:13px;margin:-2px 0 21px;position:relative;z-index:10;color:#506448}
 .hero-deck-button{width:7px;height:7px;min-height:0;border-radius:50%;padding:0;background:#50644833;transition:width .3s,background .3s;position:relative}
 .hero-deck-button::after{content:"";position:absolute;inset:-12px}
 .hero-deck-button[aria-pressed=true]{width:22px;background:#506448}
 .hero-deck-caption{font-size:9px;letter-spacing:.08em;min-width:75px;text-align:center;color:#506448;margin-left:3px}
 .opening-bottom{padding-bottom:0}.opening-explore{font-size:8px}
 .glass-surface{background:#ffffff26;border-color:#ffffffa6;box-shadow:0 7px 18px -12px #3f503a80,inset 0 1px 0 #ffffffe6,inset 0 -1px 1px #50644833}
 .glass-surface::before{opacity:.9}
 .glass-rail>.glass-selection{background:linear-gradient(145deg,#ffffffa1,#ffffff28 50%,#bec6ad66);border-color:#ffffffd9;box-shadow:0 5px 12px -8px #26332180,inset 0 1px 0 #fff}
 .discipline-bar,.project-section-nav{background:#eeebe43d;border-color:#ffffff70;backdrop-filter:blur(14px) saturate(165%);-webkit-backdrop-filter:blur(14px) saturate(165%)}
 .discipline-links a.glass-control{font-size:10px;padding:8px 6px}
 .art-pointer{display:none}
}
@media(max-width:370px){.hero-piece.piece-far-left{--x:-100px;--w:70px;--h:100px}.hero-piece.piece-far-right{--x:100px;--w:70px;--h:100px}.hero-piece.piece-left{--x:-76px;--w:116px;--h:92px}.hero-piece.piece-right{--x:76px;--w:116px;--h:92px}}
@media(prefers-reduced-motion:reduce){.hero-piece,.hero-piece::after,.hero-deck-button{transition:none}.art-pointer{display:none}.glass-surface::before{transition:none}}
@media(prefers-reduced-transparency:reduce){.glass-surface{background:#eeebe4!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.contact .glass-surface{background:#3f503a!important}}
/* 导航浮层直接采样页面背景，避免父级滤镜截断手机菜单的模糊范围。 */
@media(max-width:760px){.site-header{backdrop-filter:none;-webkit-backdrop-filter:none}.desktop-nav.glass-surface{background:#eeebe480;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}}