/* 各区块使用不同色温的随鼠标光场；不影响阅读，也不会在触屏设备强行出现。 */
.mouse-motion-surface{--mouse-x:50%;--mouse-y:50%;--mouse-alpha:0;position:relative;isolation:isolate;overflow:hidden}.section-mouse-wash{position:absolute;z-index:0;inset:-22%;pointer-events:none;opacity:var(--mouse-alpha);transform:translateZ(0);transition:opacity .35s cubic-bezier(.16,1,.3,1);background:radial-gradient(360px circle at var(--mouse-x) var(--mouse-y),var(--mouse-color),transparent 68%)}.mouse-motion-surface>.section-shell,.works.mouse-motion-surface>*,.skills-section.mouse-motion-surface>*,.media-lab.mouse-motion-surface>*{position:relative;z-index:1}.mouse-motion-surface>.section-mouse-wash{position:absolute!important;z-index:0!important}.manifest{--mouse-color:rgba(176,191,255,.18)}.skills-section{--mouse-color:rgba(172,199,255,.18)}.works{--mouse-color:rgba(134,168,255,.24)}.media-lab{--mouse-color:rgba(132,159,255,.19)}.builds{--mouse-color:rgba(117,146,226,.17)}.service-band{--mouse-color:rgba(255,255,255,.3)}.contact{--mouse-color:rgba(125,150,255,.22)}.manifest .section-mouse-wash{background:radial-gradient(430px circle at var(--mouse-x) var(--mouse-y),var(--mouse-color),transparent 69%)}.works .section-mouse-wash{background:radial-gradient(320px circle at var(--mouse-x) var(--mouse-y),var(--mouse-color),transparent 72%)}.contact .section-mouse-wash{background:radial-gradient(430px circle at var(--mouse-x) var(--mouse-y),var(--mouse-color),transparent 68%)}.site-mouse-orbit{position:fixed;z-index:110;left:0;top:0;width:30px;height:30px;margin:-15px 0 0 -15px;border:1px solid rgba(38,54,114,.65);border-radius:50%;pointer-events:none;opacity:0;transform:translate3d(-100px,-100px,0) scale(.5);transition:opacity .18s ease,transform .22s cubic-bezier(.16,1,.3,1),width .22s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1),margin .22s cubic-bezier(.16,1,.3,1);mix-blend-mode:multiply}.site-mouse-orbit:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#294ac7;transform:translate(-50%,-50%)}.pointer-motion-ready .site-mouse-orbit{opacity:1;transform:translate3d(var(--orbit-x),var(--orbit-y),0) scale(1)}.site-mouse-orbit.is-action{width:48px;height:48px;margin:-24px 0 0 -24px;border-color:rgba(41,74,199,.85)}.site-mouse-orbit.is-tapped{animation:orbit-tap .44s cubic-bezier(.16,1,.3,1) both}@keyframes orbit-tap{0%{transform:translate3d(var(--orbit-x),var(--orbit-y),0) scale(1)}40%{transform:translate3d(var(--orbit-x),var(--orbit-y),0) scale(.72)}100%{transform:translate3d(var(--orbit-x),var(--orbit-y),0) scale(1)}}.work,.tool,.field,.office-example,.media-stats article{--shine-x:50%;--shine-y:50%}.work:before,.tool:before,.field:before,.office-example:before,.media-stats article:before{background-position:var(--shine-x) var(--shine-y)}.work.is-mouse-card{transform-style:preserve-3d}.work.is-mouse-card .work-copy{transition:transform .34s cubic-bezier(.16,1,.3,1)}.work.is-mouse-card:hover .work-copy{transform:translateY(-4px)}.tool.is-mouse-card .window{transition:transform .45s cubic-bezier(.16,1,.3,1)}.tool.is-mouse-card:hover .window{transform:translateX(-5px) translateY(-3px)}@media(max-width:800px),(pointer:coarse){.section-mouse-wash,.site-mouse-orbit{display:none!important}}@media(prefers-reduced-motion:reduce){.section-mouse-wash,.site-mouse-orbit{display:none!important}.work.is-mouse-card .work-copy,.tool.is-mouse-card .window{transition:none!important}}