:root{--u:calc(100vh / 1058);--uw:calc(100vw / 1487);--h:clamp(var(--u), calc(var(--u) * .65 + var(--uw) * .35), calc(var(--u) * 1.16));--font-cn:"Songti SC", "Source Han Serif SC", "Noto Serif CJK SC", "Songti TC", "SimSun", serif;--font-cn-body:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "Heiti SC", sans-serif;--ink:#fbfbfb;--muted:#a8a5a2;--stage:#050505;--verse:#c4ad97;--ease:cubic-bezier(.22, 1, .36, 1);--m:min(calc(100vw / 430), 1.34px)}@supports (height:100dvh){:root{--u:calc(100dvh / 1058)}}*{box-sizing:border-box}html,body{background:var(--stage);text-size-adjust:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-cn-body), system-ui, sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision}.stage{background:var(--stage);cursor:pointer;position:fixed;inset:0;overflow:hidden}.plate{z-index:1;position:absolute;inset:0;overflow:hidden}.plate-video{left:50%;top:calc(1 * var(--u));width:calc(1492 * var(--u));height:calc(1054 * var(--u));transform:translateX(calc(-50% - .5 * var(--u)));object-fit:cover;pointer-events:none;position:absolute}.plate:after{content:"";pointer-events:none;background:linear-gradient(to bottom, #05050500 78.8%, #0505053b 79.6%, #05050573 81.4%, #050505bf 83.3%, #050505d6 85.2%, #050505e2 88%, #050505e7 91%, #050505f5 95%, #050505 100%), linear-gradient(to right, #050505 calc(50% - 746 * var(--u)), transparent calc(50% - 676 * var(--u)), transparent calc(50% + 676 * var(--u)), #050505 calc(50% + 746 * var(--u)));position:absolute;inset:0}.sign{left:calc(75 * var(--u));z-index:2;align-items:flex-start;gap:calc(16 * var(--u));flex-direction:column;display:flex;position:absolute;top:47%;transform:translateY(-50%)}.mark{align-items:center;gap:calc(22 * var(--u));color:var(--ink);font-size:inherit;margin:0;font-weight:400;display:flex}.mark__face{width:calc(96 * var(--u));height:calc(96 * var(--u));object-fit:cover;border-radius:50%;display:block}.mark__name{font-family:var(--font-cn);font-size:calc(38 * var(--h));letter-spacing:calc(3.6 * var(--h));margin-right:calc(-3.6 * var(--h));font-weight:500}.verse{margin:0;margin-right:calc(-1.6 * var(--h));color:var(--verse);font-family:var(--font-cn);font-size:max(12.5px, calc(17 * var(--h)));letter-spacing:calc(1.6 * var(--h));font-weight:400;line-height:1.75}.verse span{white-space:nowrap}.go{left:50%;bottom:calc(84 * var(--u));z-index:2;width:calc(46 * var(--u));height:calc(46 * var(--u));backdrop-filter:blur(14px);color:var(--muted);cursor:pointer;transition:color .25s var(--ease), border-color .25s var(--ease), background-color .25s var(--ease);background:#fbfbfb0d;border:1px solid #fbfbfb29;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%)}.go:hover{color:var(--ink);background:#fbfbfb1a;border-color:#fbfbfb52}.go:focus-visible{outline:2px solid var(--ink);outline-offset:calc(5 * var(--u))}.go i{width:calc(11 * var(--u));height:calc(11 * var(--u));border-right:max(1.4px, calc(1.6 * var(--u))) solid currentColor;border-bottom:max(1.4px, calc(1.6 * var(--u))) solid currentColor;display:block;transform:rotate(45deg)translate(-14%,-14%)}.fore{z-index:2;pointer-events:none;position:absolute;inset:0}.go{pointer-events:auto}@media (prefers-reduced-motion:no-preference){@keyframes pushIn{0%{scale:1.07}}@keyframes signIn{0%{opacity:0;transform:translateY(calc(-50% + 16 * var(--u)))}}@keyframes verseIn{0%{opacity:0;transform:translateY(calc(8 * var(--u)))}}@keyframes goIn{0%{opacity:0;transform:translateX(-50%) translateY(calc(14 * var(--u)))}to{opacity:.55;transform:translate(-50%)translateY(0)}}@keyframes hint{0%,to{opacity:.55;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(calc(7 * var(--u)))}}.plate-video{animation:pushIn 6.5s var(--ease) both}.sign{animation:signIn 1s var(--ease) .12s both}.verse{animation:verseIn .9s var(--ease) .62s both}.go{animation:goIn .9s var(--ease) .95s both, hint 2.8s ease 1.85s infinite}}.stage.is-leaving{pointer-events:none}.stage.is-leaving .plate{transition:scale .62s cubic-bezier(.5,0,.75,0);scale:1.16}.stage.is-leaving .plate:after{opacity:.35;transition:opacity .62s ease-out}.stage.is-leaving .fore{opacity:0;transition:opacity .3s ease-out}.stage:before{content:"";left:var(--door-l,50%);top:var(--door-t,44%);width:var(--door-w,0px);height:var(--door-h,0px);z-index:3;pointer-events:none;opacity:0;box-shadow:0 0 calc(10 * var(--u)) calc(1 * var(--u)) #fffffff2, 0 0 calc(52 * var(--u)) calc(14 * var(--u)) #ffffff9e, 0 0 calc(260 * var(--u)) calc(130 * var(--u)) #ffffff6b;background:#ffffffeb;position:absolute}.stage.is-leaving:before{opacity:1;transition:opacity .26s ease-out,scale .62s cubic-bezier(.4,0,.7,0);scale:1.26 1.11}.stage:after{content:"";z-index:3;pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}.stage.is-leaving:after{opacity:1;transition:opacity .44s ease-in .18s}@media (aspect-ratio<=11/10){:root{--u:var(--m);--h:var(--m)}.plate-video{object-position:43% center;width:100%;height:100%;top:0;left:0;transform:none}.plate:after{background:linear-gradient(90deg,#050505db 0%,#050505a8 42%,#05050533 78%,#0505051a 100%),linear-gradient(#050505b8 0%,#05050557 24% 56%,#050505cc 82%,#050505f7 94%,#050505 100%)}.sign{left:calc(env(safe-area-inset-left) + 26 * var(--m))}.go{bottom:calc(env(safe-area-inset-bottom) + 54 * var(--m))}}@media (width>=600px) and (aspect-ratio<=11/10){:root{--m:min(calc(100vw / 860), calc(100vh / 760), 1.25px)}.plate-video{object-position:44% center}.plate:after{background:linear-gradient(90deg,#050505d6 0%,#05050599 42%,#05050529 78%,#0505050f 100%),linear-gradient(#050505a8 0%,#05050547 24%,#0505054d 56%,#050505c7 82%,#050505f5 94%,#050505 100%)}}