:root{color-scheme:light;font-family:PingFang SC,Microsoft YaHei,sans-serif;background:#efe6da;color:#2f241d}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;min-height:100%;overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at top,#fff5e8f2,#dbc4a8a6),linear-gradient(180deg,#f5eee5,#e4d0b5)}.app-shell{position:relative;width:100%;height:100dvh;overflow:hidden}button{font:inherit}.manual-viewport,.manual-slide{width:100%;height:100%}.manual-viewport{position:relative;width:100vw;height:100vh;overflow:hidden;overscroll-behavior:none;touch-action:pan-y}.page-visible-shell{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.page-shell{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f8f4ef}.page-frame{position:relative;width:100%;height:100%;overflow:hidden;background:#f8f4ef}.slice-canvas{position:relative;width:100%;height:100%;overflow:hidden;background:#f8f4ef;background-size:cover;background-position:center bottom;background-repeat:no-repeat}.slice-content-layer{position:absolute;left:50%;top:50%;width:min(100vw,45.1807dvh);height:min(100dvh,221.3333vw);transform:translate(-50%,-50%);overflow:visible}.slice-canvas--long{width:100%;height:calc(var(--page-height) * min(100vw,540px) / 750)}.slice-canvas--long .slice-content-layer{top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:none}.slice-image{position:absolute;display:block;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none}.slice-image--clickable{cursor:pointer}.slice-scroll-box{position:absolute;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.slice-scroll-box>.slice-image{position:static;display:block;height:auto}.slice-image--fade,.slice-image--enter-up,.slice-image--enter-down,.slice-image--enter-left,.slice-image--enter-right,.slice-image--zoom-in,.slice-image--flip-in-x,.slice-image--flip-in-y,.slice-canvas--fade{animation-duration:var(--enter-duration, .25s);animation-delay:var(--enter-delay, 0s);animation-fill-mode:both;animation-timing-function:ease;will-change:transform,opacity}.slice-image--fade{animation-name:sliceFadeIn}.slice-image--enter-left{animation-name:sliceEnterLeft}.slice-image--enter-up{animation-name:sliceEnterUp}.slice-image--enter-down{animation-name:sliceEnterDown}.slice-image--enter-right{animation-name:sliceEnterRight}.slice-image--zoom-in{animation-name:sliceZoomIn;transform-origin:center center}.slice-image--flip-in-x{animation-name:sliceFlipInX;transform-origin:center top;backface-visibility:hidden}.slice-image--flip-in-y{animation-name:sliceFlipInY;transform-origin:left center;backface-visibility:hidden}.slice-canvas--fade{animation-name:sliceFadeIn}.long-page-wrapper{width:100%;height:100dvh;display:flex;justify-content:center;background:#f6efe5}.long-page-scroll{width:min(100vw,750px);height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#f6efe5}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#6d6969d1;z-index:40}.nav-backdrop-fade-enter-active,.nav-backdrop-fade-leave-active{transition:opacity .22s ease}.nav-backdrop-fade-enter-from,.nav-backdrop-fade-leave-to{opacity:0}.manual-tools{position:fixed;top:calc(env(safe-area-inset-top) + 16vh);right:calc((100vw - min(100vw,45.1807dvh))/2 + min(4.3vw,1.943dvh));z-index:35;display:flex;flex-direction:column;align-items:center;gap:2.2vh;pointer-events:auto}.manual-tool-button{display:block;width:min(8.4vw,57.4px);border:0;margin:0;padding:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.manual-tool-button img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.manual-tool-button--music{width:min(7.63vw,57.4px)}.manual-tool-button--playing img{animation:musicRotate 3.2s linear infinite}.manual-nav{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 5%);transform:translate(-50%);z-index:50;width:96vw;max-width:404px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.manual-nav__item{position:relative;display:flex;justify-content:center;z-index:0;overflow:visible}.manual-nav__button{width:100%;border:0;background:#ffffff16;color:#fffdf6;padding:4px .2rem;font-size:12px;line-height:12px;white-space:nowrap;backdrop-filter:blur(1.2px);-webkit-backdrop-filter:blur(1.2px)}.manual-nav__item:first-child .manual-nav__button{border-radius:8px 0 0}.manual-nav__item:last-child .manual-nav__button{border-radius:0 0 8px}.manual-nav__item--active .manual-nav__button,.manual-nav__item--open .manual-nav__button{color:#fff1c9;background:linear-gradient(180deg,#cb9a50fa,#b47e37fa);border-color:#e0ae59f2}.manual-nav__item--open{z-index:2;border-radius:8px 0;overflow:visible}.manual-nav__item--open .manual-nav__button{position:relative;z-index:2;background:linear-gradient(180deg,#c29555fa,#ab7735fa);border-radius:0}.manual-nav__submenu{position:absolute;bottom:calc(100% - 1px);left:0;width:100%;padding:4px 8px;border:0;border-radius:8px 0 0;background:linear-gradient(180deg,#c29555fa,#ab7735fa);box-shadow:none;overflow:visible;transform-origin:bottom left}.nav-submenu-enter-active,.nav-submenu-leave-active{transition:opacity .22s ease,transform .22s ease}.nav-submenu-enter-from,.nav-submenu-leave-to{opacity:0;transform:translateY(6px) scaleY(.96)}.manual-nav__item--open:first-child .manual-nav__submenu{left:0}.manual-nav__item--open:nth-child(2) .manual-nav__submenu{left:0;transform:none}.manual-nav__submenu-button{display:block;width:100%;border:0;border-bottom:1px solid rgba(255,243,214,.85);background:transparent;color:#fff8e7;padding:0;height:20px;font-size:10px;line-height:20px;text-align:center}.manual-nav__submenu-button:last-child{border-bottom:0;margin-bottom:0}.manual-nav__submenu-button:active,.manual-nav__button:active{opacity:.86}@media (max-width: 520px){.slice-content-layer{left:0;width:100%;height:calc(100vw * 1660 / 750);transform:translateY(-50%)}.manual-tools{right:4.3vw}.manual-nav{width:96vw;max-width:none}.manual-nav__button{font-size:12px;line-height:12px}.manual-nav__submenu{width:100%;padding-inline:8px}.manual-nav__submenu-button{font-size:10px}}@media (max-height: 740px){.slice-content-layer{left:0;width:100%;height:calc(100vw * 1660 / 750);transform:translateY(-50%)}.manual-tools{right:4.3vw}.manual-nav{width:96vw;max-width:none}}@media (max-height: 700px){.manual-nav__button{padding-block:3px;font-size:9px;line-height:9px}.manual-nav__submenu{padding:3px 6px}.manual-nav__submenu-button{height:16px;font-size:8px;line-height:16px}}@keyframes sliceFadeIn{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes sliceEnterLeft{0%{opacity:0;transform:translate3d(-24px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes sliceEnterUp{0%{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes sliceEnterDown{0%{opacity:0;transform:translate3d(0,-24px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes sliceEnterRight{0%{opacity:0;transform:translate3d(24px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes sliceFlipInY{0%{opacity:0;transform:perspective(800px) rotateY(-90deg)}to{opacity:1;transform:perspective(800px) rotateY(0)}}@keyframes sliceFlipInX{0%{opacity:0;transform:perspective(800px) rotateX(-90deg)}to{opacity:1;transform:perspective(800px) rotateX(0)}}@keyframes sliceZoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slicePulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes musicRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}