@font-face{font-family:Space Grotesk;src:url(/assets/space-grotesk-subset-CAXEys1E.woff2)format("woff2");font-weight:300 700;font-display:swap}:root{--ink:#0b0b0c;--stone:#9a9892;--stone-2:#6f6d68;--paper:#f1efea;--seam:.5;--par-x:0;--par-y:0;--foot-h:72px;--pad:clamp(24px, 3.4vw, 56px);--font-en:"Space Grotesk", system-ui, sans-serif;--font-zh:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);height:100%;color:var(--paper)}body{font-family:var(--font-zh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex;overflow:hidden}a{color:inherit;text-decoration:none}.icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}.stage{flex:1;min-height:0;position:relative;overflow:hidden}.bg,.gl,.veil{position:absolute;top:0;bottom:0;left:0;right:0}.gl{opacity:0;width:100%;height:100%;transition:opacity .7s;display:block}.gl.is-on{opacity:1}.veil{background:var(--ink);opacity:0;pointer-events:none}.bg__film,.bg__tech{background-position:50%;background-repeat:no-repeat;position:absolute;top:0;bottom:0}.bg__film{width:calc(var(--seam) * 100%);filter:brightness(.86);background-image:url(/assets/film-1-love-note-BmRCITBf.webp);background-size:max(80vw, (100vh - var(--foot-h)) * 1.8844) auto;left:0}.bg__tech{width:calc((1 - var(--seam)) * 100%);background-image:url(/assets/tech-first-wide-BaAqioSu.webp),linear-gradient(#04050a,#12172a 40%);background-size:calc(max(80vw, (100vh - var(--foot-h)) * 1.06 * 1.7778) * 1.05) auto, 100% 100%;right:0}@media (prefers-reduced-motion:reduce){.bg__tech{background-image:url(/assets/tech-end-wide-DgBTSGCQ.webp),linear-gradient(#04050a,#12172a 40%)}}.bg__seam{top:0;bottom:0;left:calc(var(--seam) * 100%);background:linear-gradient(90deg, transparent, var(--ink) 30%, var(--ink) 70%, transparent);width:56px;position:absolute;transform:translate(-50%)}.bg:after{content:"";background:radial-gradient(#0000 50%,#0b0b0c80),linear-gradient(#0000 55%,#0b0b0c80);position:absolute;top:0;bottom:0;left:0;right:0}.bubble{z-index:2;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.bubble__b{white-space:nowrap;letter-spacing:.04em;color:var(--paper);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform-origin:0 100%;opacity:0;background:#0b0b0c8c;border:1px solid #a6dcff80;border-radius:16px 16px 16px 3px;padding:9px 15px 10px;font-size:16px;line-height:1.45;transition:opacity .3s,transform .45s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:0;transform:scale(.6);box-shadow:0 0 22px #a6dcff1f}.bubble.is-on .bubble__b{opacity:1;transform:scale(1)}.bubble.is-on.is-hidden .bubble__b{opacity:0;transition:opacity .25s,transform .25s;transform:scale(.85)}.bubble__dots{vertical-align:middle;gap:5px;padding:6px 2px;display:inline-flex}.bubble__dots i{background:#a6dcff;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite bubble-dot}.bubble__dots i:nth-child(2){animation-delay:.15s}.bubble__dots i:nth-child(3){animation-delay:.3s}@keyframes bubble-dot{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.bubble__b,.bubble.is-on.is-hidden .bubble__b{transition:none}}.doors{position:absolute;top:0;bottom:0;left:0;right:0}.door{cursor:pointer;outline:none;position:absolute;top:0;bottom:0}.door--film{width:calc(var(--seam) * 100%);left:0}.door--tech{width:calc((1 - var(--seam)) * 100%);right:0}.door__text{left:var(--pad);right:var(--pad);max-width:30em;transform:translate3d(calc(var(--par-x) * 6px), calc(var(--par-y) * 4px), 0);text-shadow:0 1px 14px #00000073;transition:opacity .5s;position:absolute;bottom:clamp(28px,5vh,56px)}.door--tech .door__text{left:calc(var(--pad) + 40px)}.door__name{flex-direction:column;gap:8px;font-weight:600;display:flex}.door__name .zh{letter-spacing:.1em;font-size:clamp(30px,3.3vw,48px);line-height:1.15}.door__name .en{font-family:var(--font-en);letter-spacing:.38em;color:var(--stone);font-size:12px;font-weight:400}.door__desc{flex-direction:column;gap:6px;margin-top:22px;transition:opacity .45s,transform .45s;display:flex}.door__desc .zh{letter-spacing:.04em;font-size:clamp(15px,1.2vw,18px);line-height:1.5}.door__desc .en{font-family:var(--font-en);color:var(--stone);font-size:13px;line-height:1.5}.door__btn{letter-spacing:.16em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0b0c40;border:1px solid #f1efea59;border-radius:999px;align-items:center;gap:10px;margin-top:26px;padding:11px 20px 11px 22px;font-size:14px;transition:background .35s,border-color .35s,color .35s,opacity .45s,transform .45s;display:inline-flex}.door__btn .icon{transition:transform .35s}.door.is-hover .door__btn{background:var(--paper);border-color:var(--paper);color:var(--ink);text-shadow:none}.door:focus-visible .door__btn{background:var(--paper);border-color:var(--paper);color:var(--ink);text-shadow:none}.door.is-hover .door__btn .icon{transform:translate(4px)}.door.is-dim .door__text{opacity:.5}.door.is-narrow .door__desc,.door.is-narrow .door__btn{opacity:0;transform:translateY(8px)}.door:focus-visible .door__name .zh{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:1px}.mark{z-index:3;left:calc(var(--seam) * 100%);pointer-events:none;transform:translate(-50%, -50%) translate3d(calc(var(--par-x) * -3px), calc(var(--par-y) * -2px), 0);font-weight:400;position:absolute;top:50%}.mark__inner{flex-direction:column;align-items:center;gap:12px;display:flex}.mark__logo{aspect-ratio:1;border-radius:50%;width:clamp(56px,5vw,76px);height:auto;display:block;box-shadow:0 0 0 1px #ffffff1a,0 6px 30px #0009}.mark__en{font-family:var(--font-en);letter-spacing:.5em;text-shadow:0 1px 10px #000c;margin-right:-.5em;font-size:11px;font-weight:300}.mark__zh{letter-spacing:.6em;color:var(--stone);text-shadow:0 1px 10px #000c;margin-right:-.6em;font-size:12px}.foot{z-index:2;height:var(--foot-h);padding:0 var(--pad) env(safe-area-inset-bottom);background:var(--ink);color:var(--stone);letter-spacing:.04em;white-space:nowrap;-webkit-user-select:text;user-select:text;border-top:1px solid #ffffff0f;flex:none;grid-template-columns:1fr auto;grid-template-areas:"group tel""copy addr";align-content:center;gap:6px 24px;font-size:12px;line-height:1.4;display:grid;position:relative}.foot__group{grid-area:group;align-items:center;gap:12px;display:flex}.foot__tel{grid-area:tel;justify-self:end}.foot__copy{grid-area:copy}.foot__addr{grid-area:addr;justify-self:end}.foot a{transition:color .2s}.foot a:hover{color:var(--paper);outline:none}.foot a:focus-visible{color:var(--paper);outline:none}.foot__group a{color:var(--stone-2);font-family:var(--font-en);align-items:center;gap:2px;display:inline-flex}.intro .veil{opacity:1}.intro .door__name,.intro .door__desc,.intro .door__btn,.intro .mark__inner,.intro .foot{opacity:0}.intro:not(.is-booted) .veil{animation:.8s 4s forwards failsafe-hide}.intro:not(.is-booted) :-webkit-any(.door__name,.door__desc,.door__btn,.mark__inner,.foot){animation:.8s 4s forwards failsafe-show}.intro:not(.is-booted) :is(.door__name,.door__desc,.door__btn,.mark__inner,.foot){animation:.8s 4s forwards failsafe-show}@keyframes failsafe-hide{to{opacity:0}}@keyframes failsafe-show{to{opacity:1}}.is-leaving,.is-leaving body{overflow:hidden}.is-leaving .gl{position:fixed;top:0;bottom:0;left:0;right:0}.is-leaving .door__text{transition:none}html.return{--seam:1.25}.return .bg__film{background-image:none}.return :-webkit-any(.door__text,.mark__inner,.foot){opacity:0}.return :is(.door__text,.mark__inner,.foot){opacity:0}.return .door__text{transition:none}.return:not(.is-booted){animation:10ms linear 4s forwards failsafe-seam}.return:not(.is-booted) :-webkit-any(.door__text,.mark__inner,.foot){animation:.8s 4s forwards failsafe-show}.return:not(.is-booted) :is(.door__text,.mark__inner,.foot){animation:.8s 4s forwards failsafe-show}@keyframes failsafe-seam{to{--seam:.5}}@media (min-aspect-ratio:1) and (max-height:560px){:root{--foot-h:56px}.door__text{bottom:18px}.door__name{gap:4px}.door__name .zh{font-size:24px}.door__desc{margin-top:10px}.door__desc .zh{font-size:14px}.door__desc .en{display:none}.door__btn{margin-top:12px;padding:7px 14px 7px 16px;font-size:12px}.mark__logo{width:44px}.mark__en,.mark__zh{display:none}.foot{row-gap:3px;font-size:11px}}@media (max-aspect-ratio:1){:root{--pad:22px;--peek:48px}html,body{height:auto}body{display:block;overflow:visible}.stage{height:calc(100vh - var(--peek));height:calc(100svh - var(--peek))}.bg__film,.bg__tech,.door{width:auto;left:0;right:0}.bg__film{background-size:max(106vw, (100vh - var(--peek)) * 1.4222) auto;background-size:max(106vw, (100svh - var(--peek)) * 1.4222) auto}.bg__tech{background-image:url(/assets/tech-first-tall-BG-Lxq3K.webp),linear-gradient(#04050a,#12172a 40%);background-size:calc(max(106vw, (100vh - var(--peek)) * .8) * 1.05) auto, 100% 100%;background-size:calc(max(106vw, (100svh - var(--peek)) * .8) * 1.05) auto, 100% 100%}.bubble__b{transform-origin:0;border-radius:13px;padding:7px 12px 8px;font-size:13px;top:0;bottom:auto}.bg__film,.door--film{height:calc(var(--seam) * 100%);top:0;bottom:auto}.bg__tech,.door--tech{height:calc((1 - var(--seam)) * 100%);top:auto;bottom:0}.bg__seam{width:auto;left:0;right:0;top:calc(var(--seam) * 100%);background:linear-gradient(180deg, transparent, var(--ink) 30%, var(--ink) 70%, transparent);height:48px;bottom:auto;transform:translateY(-50%)}.door--film .door__text{top:max(24px, env(safe-area-inset-top));bottom:auto}.door--tech .door__text{left:var(--pad);bottom:22px}.door__name{flex-direction:row;align-items:baseline;gap:12px}.door__name .zh{font-size:clamp(26px,5.2vw,40px)}.door__name .en{letter-spacing:.3em;font-size:10px}.door__desc{margin-top:10px}.door__desc .zh{font-size:clamp(14px,2.2vw,18px)}.door__desc .en{display:none}.door__btn{margin-top:14px;padding:8px 16px 8px 18px;font-size:13px}.mark{left:50%;top:calc(var(--seam) * 100%)}.mark__inner{flex-direction:row}.mark__logo{width:clamp(48px,7vw,64px)}.foot{height:auto;padding:15px var(--pad) calc(36px + env(safe-area-inset-bottom));white-space:normal;border-top:0;flex-direction:column;gap:10px;display:flex}.foot__group{margin-bottom:14px}.foot__tel{order:1}.foot__addr{order:2}.foot__copy{order:3}}@media (prefers-reduced-motion:reduce){.gl{transition:none}}@media (max-aspect-ratio:1) and (prefers-reduced-motion:reduce){.bg__tech{background-image:url(/assets/tech-end-tall-CgIqslkP.webp),linear-gradient(#04050a,#12172a 40%)}}