:root{color:#111619;font-synthesis:none;text-rendering:geometricprecision;--sea-blue:#b9dcf2;--paper:#fafdfe;--ink:#111619;--peek:13.06%;--panel-in:.44s cubic-bezier(.16, 1, .3, 1);--panel-out:.32s cubic-bezier(.4, 0, .2, 1);background:#202426;font-family:Helvetica Neue,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overscroll-behavior:none;min-height:100dvh;overflow:hidden}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}button:focus-visible{outline-offset:-2px;outline:2px solid #148bd0}.app-frame{isolation:isolate;background:var(--sea-blue);width:100%;height:100dvh;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.home{background:var(--sea-blue);position:absolute;inset:0;overflow:hidden}.home__logo{z-index:1;top:max(4.05%, env(safe-area-inset-top));opacity:0;width:10%;height:auto;position:absolute;right:5.75%;transform:translateY(-14px)}.home__stone{opacity:0;transform-origin:50% 55%;-webkit-user-select:none;user-select:none;width:92.4%;height:auto;position:absolute;top:18.2%;left:4.4%;transform:translateY(20px)scale(.92)}.app-frame.is-ready .home__logo{animation:.32s cubic-bezier(.16,1,.3,1) 60ms forwards logo-enter}.app-frame.is-ready .home__stone{animation:.52s cubic-bezier(.16,1,.3,1) 90ms forwards stone-enter}.home__nav{right:4.55%;bottom:max(8%, env(safe-area-inset-bottom));gap:clamp(42px,9.3dvh,62px);display:grid;position:absolute;left:4.55%}.home__nav-item{cursor:pointer;opacity:0;justify-content:space-between;align-items:center;width:100%;min-height:24px;display:flex;transform:translateY(16px)}.app-frame.is-ready .home__nav-item{animation:.38s cubic-bezier(.16,1,.3,1) forwards nav-enter;animation-delay:calc(.29s + var(--index) * 70ms)}.home__nav-item:active{opacity:1;animation:none;transform:scale(.97)}.home__title{object-fit:contain;width:auto;height:17px;display:block}.home__title--future{height:17px}.home__arrow{object-fit:contain;width:20px;height:19px;transition:transform .22s cubic-bezier(.16,1,.3,1)}.app-frame.is-ready .home__arrow{animation:2.2s cubic-bezier(.16,1,.3,1) infinite arrow-nudge;animation-delay:calc(.82s + var(--index) * .12s)}.home.is-covered .home__arrow{animation-play-state:paused}.home__nav-item:hover .home__arrow,.home__nav-item:focus-visible .home__arrow{animation:none;transform:translate(4px)}.home__reveal{z-index:4;width:var(--peek);cursor:w-resize;position:absolute;inset:0 auto 0 0}.detail{z-index:3;width:calc(100% - var(--peek));overscroll-behavior:contain;opacity:0;transition:transform var(--panel-out), opacity .1s ease .16s;pointer-events:none;scrollbar-width:none;touch-action:pan-y;will-change:transform;background:0 0;border-left:1px solid #ffffffb8;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden auto;transform:translate(100%);box-shadow:inset 1px 0 #ffffff61}.detail:before{content:"";z-index:0;-webkit-backdrop-filter:blur(6px)saturate(82%);backdrop-filter:blur(6px)saturate(82%);opacity:var(--glass-opacity,1);pointer-events:none;background-color:#fffc;transition:opacity .22s;position:absolute;inset:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.detail:before{background-color:#ffffffe0}}.detail::-webkit-scrollbar{display:none}.detail.is-active{opacity:1;transform:translate3d(var(--drag-x,0px), 0, 0);transition:transform var(--panel-in), opacity 80ms ease;pointer-events:auto}.detail.is-dragging,.detail.is-dragging:before{transition:none}.detail.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.detail__header{z-index:3;flex:0 0 61px;height:61px;position:relative}.detail__back{top:max(28px, env(safe-area-inset-top));cursor:pointer;width:20px;height:19px;transition:transform .26s cubic-bezier(.16,1,.3,1);position:absolute;left:22px}.detail__back img{width:100%;height:100%;display:block}.detail__back:hover,.detail__back:focus-visible{transform:translate(-3px)}.detail__back:active{transform:translate(-4px)scale(.9)}.about-art{z-index:1;flex:none;width:145px;height:152px;margin:20% auto 40px;position:relative}.about-art__ring{object-fit:contain;opacity:0;transform-origin:50%;will-change:transform;width:145px;height:152px;position:absolute;inset:0}.detail.is-active .about-art__ring{animation:.26s .1s forwards art-fade-in,10s linear .1s infinite about-ring-spin}.about-art__center{object-fit:contain;opacity:0;width:75px;height:66px;position:absolute;top:40px;left:35px;transform:scale(.86)}.detail.is-active .about-art__center{animation:.34s cubic-bezier(.16,1,.3,1) .14s forwards center-enter}.value-art{z-index:1;opacity:1;will-change:transform;width:96%;height:auto;position:absolute;top:20%;right:0;transform:translate(0,0)}.detail.is-active .value-art{animation:2.8s ease-in-out infinite value-float}.copy-block{z-index:2;padding-bottom:max(64px, env(safe-area-inset-bottom));opacity:0;flex:none;margin-top:auto;margin-left:22px;margin-right:22px;transition:opacity .18s,transform .18s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(14px)}.detail.is-active .copy-block{opacity:1;transition-delay:.22s;transform:translate(0,0)}.copy-block p{margin:0}.copy-block__cn{letter-spacing:.005em;text-align:justify;font-size:10px;font-weight:400;line-height:1.42}.copy-block__cn p+p{margin-top:1px}.copy-block__en{letter-spacing:-.018em;text-align:justify;margin-top:16px;font-family:Arial Narrow,Avenir Next Condensed,Helvetica Neue,sans-serif;font-size:7.2px;font-stretch:75%;line-height:1.48}.copy-block__en p+p{margin-top:3px}.detail--future .copy-block{margin-top:auto}.detail--future .copy-block__cn{font-size:10px;line-height:1.72}.detail--future .copy-block__en{margin-top:8px;font-size:7.5px;line-height:1.55}.future-logo{z-index:2;opacity:0;transform-origin:50%;width:33.5px;height:auto;position:absolute;top:16%;left:19.2%;transform:translateY(-10px)scale(.72)}.detail.is-active .future-logo{animation:.3s cubic-bezier(.16,1,.3,1) .15s forwards future-logo-enter}.future-stone{z-index:1;opacity:0;transform-origin:50% 70%;pointer-events:none;width:83.4%;height:auto;position:absolute;top:27%;bottom:auto;left:16.8%;transform:translateY(42px)scale(.94)}.detail.is-active .future-stone{animation:.38s cubic-bezier(.16,1,.3,1) 40ms forwards future-stone-enter}.loading-cover{z-index:8;background:var(--sea-blue);opacity:1;visibility:visible;flex-direction:column;justify-content:center;padding:9%;transition:opacity .42s,visibility 0s linear .42s;display:flex;position:absolute;inset:0}.loading-cover.is-ready{opacity:0;visibility:hidden}.loading-cover__mark{background:#ffffff73;width:35%;height:14px;margin-bottom:28px;animation:1s ease-in-out infinite alternate shimmer}.loading-cover__line{background:#ffffff52;width:74%;height:7px;animation:1s ease-in-out .12s infinite alternate shimmer}.loading-cover__line--short{width:51%;margin-top:12px;animation-delay:.24s}@keyframes nav-enter{to{opacity:1;transform:translateY(0)}}@keyframes logo-enter{to{opacity:1;transform:translate(0,0)}}@keyframes stone-enter{72%{opacity:1;transform:translateY(-2px)scale(1.025)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes arrow-nudge{0%,64%,to{transform:translate(0)}76%{transform:translate(7px)}86%{transform:translate(2px)}}@keyframes shimmer{to{opacity:.38}}@keyframes about-ring-spin{to{transform:rotate(360deg)}}@keyframes art-fade-in{to{opacity:1}}@keyframes center-enter{72%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes value-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-6px)}}@keyframes future-stone-enter{0%{opacity:0;transform:translateY(42px)scale(.94)}26%{opacity:1}72%{opacity:1;transform:translateY(-5px)scale(1.015)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes future-logo-enter{0%{opacity:0;transform:translateY(-10px)scale(.72)}38%{opacity:1}74%{opacity:1;transform:translateY(2px)scale(1.1)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (width>=700px){body{background:#202426}#root{place-items:center;min-height:100dvh;display:grid}.app-frame{width:min(375px,56.222dvh);height:min(667px,100dvh);min-height:0}}@media (height<=610px){.home__stone{top:13.5%}.home__nav{gap:clamp(25px,7dvh,42px)}.about-art{margin-top:2px;margin-bottom:10px;transform:scale(.82)}.value-art{width:78%;margin-top:3px;margin-bottom:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.about-art__ring{opacity:1;animation:none!important}.about-art__center,.value-art,.future-logo,.future-stone,.copy-block,.home__logo,.home__stone,.home__nav-item{opacity:1!important;transform:none!important}}