@font-face{font-family:'LC Copperplate';src:local('Copperplate Gothic Light'),local('Copperplate');font-weight:400}@font-face{font-family:'AIGC DengXian';src:local('DengXian'),local('等线');font-weight:400}
html,body{height:100%;overflow:hidden}.site-header{background:#fff;position:relative}.page-label{position:absolute;left:2.25vw;top:14.4vh;margin:0;font:700 clamp(20px,1.3vw,28px)/1.2 Arial,Helvetica,sans-serif}.showcase{position:absolute;inset:0;top:19vh;outline:none;overflow:hidden;touch-action:pan-y;--card:26vw;--gap:20.9vw;--center:31vh}.aigc-card{position:absolute;left:50%;top:var(--center);width:var(--card);height:calc(var(--card)*.667);padding:0;background:none;border:0;transform:translate(-50%,-50%);transition:transform 850ms cubic-bezier(.22,.7,.15,1);will-change:transform;z-index:2}.aigc-card[data-position=left]{transform:translate(calc(-50% - var(--gap)),-50%) scale(.5);z-index:1}.aigc-card[data-position=right]{transform:translate(calc(-50% + var(--gap)),-50%) scale(.5);z-index:1}.aigc-card:focus-visible{outline:1px solid #777;outline-offset:8px}.aigc-card[data-position=center]{cursor:default}.art{display:block;width:100%;height:100%;background-repeat:no-repeat}.art-film{background-image:url('assets/aigc/web-06.jpg');background-size:386.415% 275.638%;background-position:49.934% 50%}.art-pool{background-image:url('assets/aigc/web-07.jpg');background-size:386.415% 275.638%;background-position:49.934% 50%}.art-city{height:92.07%;position:relative;top:3.965%;background-image:url('assets/aigc/web-08.jpg');background-size:387.879% 299.385%;background-position:49.803% 50%}.active-frame{position:absolute;pointer-events:none;width:calc(var(--card) + 1.2vw);height:calc(var(--card)*.667 + 1.2vw);left:50%;top:var(--center);transform:translate(-50%,-50%);z-index:3}.active-frame i{position:absolute;width:.7vw;height:.7vw;min-width:7px;min-height:7px;border-color:#777;border-style:solid;border-width:0}.active-frame i:nth-child(1){left:0;top:0;border-left-width:1px;border-top-width:1px}.active-frame i:nth-child(2){right:0;top:0;border-right-width:1px;border-top-width:1px}.active-frame i:nth-child(3){left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}.active-frame i:nth-child(4){right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}
#activeTitle,#activeSubtitle{position:absolute;left:50%;transform:translateX(-50%);text-align:center;font-family:'LC Copperplate',Georgia,serif;font-variant:small-caps;font-weight:400;margin:0;transition:opacity .25s,translate .4s;pointer-events:none}#activeTitle{bottom:calc(100% - var(--center) + var(--card)*.3335 + 2vw);font-size:clamp(16px,1.3vw,28px);line-height:1.2;color:#151515;width:43vw}#activeSubtitle{top:calc(var(--center) + var(--card)*.3335 + 1.8vw);width:34vw;font-size:clamp(12px,.9vw,20px);line-height:1.2;color:#aaa}html:lang(zh) #activeTitle,html:lang(zh) #activeSubtitle{font-family:'AIGC DengXian','DengXian','等线',sans-serif;font-variant:normal}.showcase.changing #activeTitle,.showcase.changing #activeSubtitle{opacity:0;translate:0 6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.page-label{top:110px;left:20px}.showcase{top:160px;--card:54vw;--gap:43vw;--center:calc((100svh - 230px)/2)}#activeTitle{width:85vw;font-size:clamp(16px,3.4vw,24px);bottom:calc(100% - var(--center) + var(--card)*.3335 + 28px)}#activeSubtitle{width:78vw;font-size:clamp(12px,2.5vw,18px);top:calc(var(--center) + var(--card)*.3335 + 28px)}.active-frame{width:calc(var(--card) + 14px);height:calc(var(--card)*.667 + 14px)}}
@media(prefers-reduced-motion:reduce){.aigc-card,#activeTitle,#activeSubtitle{transition:none;will-change:auto}}

.aigc-card[data-position=center]:has(.art-film){cursor:pointer}