.paper-gateway{--paper-ease:cubic-bezier(.23,1,.32,1);position:relative;min-height:720px;height:calc(100dvh - 52px);overflow:hidden;color:#fff7df;font-family:"Microsoft YaHei","PingFang SC",sans-serif;isolation:isolate}.paper-gateway *{box-sizing:border-box}.paper-gateway [hidden]{display:none!important}.paper-gateway button{font:inherit;border:0;cursor:pointer}.paper-gateway button:focus-visible{outline:3px solid #ffe6a3;outline-offset:6px}.paper-scene-shade{position:absolute;inset:0;background:#14261c;opacity:0;transition:opacity 280ms var(--paper-ease);pointer-events:none}.is-open .paper-scene-shade{opacity:.8}.paper-album-trigger{position:absolute;width:260px;right:10%;bottom:12%;background:transparent;color:#fff7df;padding:0;transition:opacity 180ms ease,transform 180ms var(--paper-ease)}.paper-album-trigger img{display:block;width:100%}.paper-album-trigger span{display:block;margin:10px auto 0;padding:10px 16px;background:#35523c;width:max-content;border-radius:7px}.is-open .paper-album-trigger{opacity:0;transform:translateX(30px) scale(.95);pointer-events:none}.paper-view{position:absolute;inset:0;pointer-events:none}.is-open .paper-view{pointer-events:auto}.paper-view-heading{position:absolute;top:6%;left:10%;right:10%;text-align:center;opacity:0;transition:opacity 220ms ease}.is-open .paper-view-heading{opacity:1}.paper-view-heading h1{font-size:clamp(26px,2.8vw,38px);line-height:1.4;margin:0;font-weight:500}.paper-view-heading p{font-size:15px;line-height:1.8;margin:10px 0 0}.paper-close{position:absolute;right:26px;top:22px;background:#334c39;color:#fff7df;padding:10px 15px;min-height:44px;border-radius:5px;opacity:0;transition:opacity 180ms ease}.is-open .paper-close{opacity:1}.paper-grid{position:absolute;inset:30% 7% 12%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:center;perspective:1100px}.paper-entry{min-width:0;opacity:0;transform:translate(56vw,10vh) scale(.35) rotate(9deg);transition:transform 280ms var(--paper-ease),opacity 220ms ease;transform-origin:right center}.is-open .paper-entry{opacity:1;transform:translate(0,0) scale(1) rotate(0deg);transition-delay:180ms}.is-open .paper-entry:nth-child(2){transition-delay:120ms}.is-open .paper-entry:nth-child(3){transition-delay:60ms}.is-open .paper-entry:nth-child(4){transition-delay:0ms}.paper-choice{position:relative;display:block;width:100%;padding:0;background:transparent;color:inherit;text-align:center;transform:rotate(-5deg);transition:transform 180ms var(--paper-ease);transform-style:preserve-3d}.paper-entry:nth-child(2) .paper-choice{transform:rotate(-2deg)}.paper-entry:nth-child(3) .paper-choice{transform:rotate(2deg)}.paper-entry:nth-child(4) .paper-choice{transform:rotate(5deg)}.paper-art{position:relative;display:block;width:100%;aspect-ratio:2/3}.paper-art img{display:block;width:100%;height:100%;object-fit:contain}.paper-illustration{position:relative}.paper-glow{position:absolute;inset:0;filter:drop-shadow(0 0 5px #ffe6a3) drop-shadow(0 0 17px #f2dc9c);opacity:0;transition:opacity 180ms ease;pointer-events:none}.paper-name{display:block;font-size:15px;line-height:1.7;min-height:3.4em;margin:0 4px}.paper-caption{position:absolute;left:50%;bottom:calc(100% + 6px);width:280px;max-width:90vw;padding:16px 18px;background:#263c2c;border-radius:8px;opacity:0;transform:translate(-50%,8px);transition:opacity 180ms ease,transform 180ms var(--paper-ease);pointer-events:none;text-align:left}.paper-caption strong{display:block;font-size:17px;font-weight:500;line-height:1.65}.paper-caption>span{display:block;font-size:14px;line-height:1.8;margin-top:6px}.paper-entry.is-active{z-index:8}.paper-entry.is-active .paper-choice{transform:translateY(-24px) translateZ(40px) scale(1.06)!important}.paper-entry.is-active .paper-glow{opacity:1}.paper-entry.is-active .paper-caption{opacity:1;transform:translate(-50%,0)}
@media(hover:hover) and (pointer:fine){.paper-album-trigger:hover{transform:translateY(-6px) scale(1.03)}}
@media(max-width:800px){.paper-gateway{min-height:1000px;height:auto}.paper-grid{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px;padding:220px 7% 50px}.paper-view{position:relative;min-height:1000px}.paper-art{max-width:240px;margin:auto}.paper-caption{width:250px}.paper-view-heading{top:70px}.paper-album-trigger{width:220px}.paper-name{font-size:14px}}
@media(hover:none),(pointer:coarse){.paper-caption{position:static;display:block;width:auto;max-width:none;background:transparent;opacity:1;transform:none!important;padding:0 8px 8px;text-align:center}.paper-caption strong{font-size:15px}.paper-caption>span{font-size:13px}.paper-name{display:none}.paper-grid{padding-top:190px}}
@media(max-width:480px){.paper-close{right:14px;top:14px;font-size:14px}.paper-grid{padding-left:15px;padding-right:15px;gap:22px 8px}.paper-gateway{min-height:930px}.paper-view{min-height:930px}.paper-view-heading{top:76px;left:18px;right:18px}.paper-view-heading p{font-size:14px}.paper-caption{padding:0 6px 8px}.paper-caption>span{display:none}.paper-caption strong{font-size:14px}.paper-choice{transform:rotate(-2deg)}.paper-entry:nth-child(4) .paper-choice{transform:rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.paper-gateway:not([data-motion=full]) *{transition-duration:0ms!important;transition-delay:0ms!important}.paper-gateway:not([data-motion=full]) .paper-entry{transform:none!important}.paper-gateway:not([data-motion=full]) .paper-choice{transform:none!important}.paper-gateway:not([data-motion=full]) .paper-album-trigger{transform:none!important}}
.paper-instant .paper-entry,.paper-instant .paper-view-heading{transition:none!important}

.paper-name{text-wrap:balance}.paper-caption strong{text-wrap:balance}

.paper-close{z-index:20}.paper-view-heading{pointer-events:none}

.paper-entry:not(.is-active) .paper-caption{transition:none}.paper-choice:focus-visible{outline:0}.paper-choice:focus-visible .paper-name{text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){.paper-caption{position:static;display:block;width:auto;max-width:none;min-height:80px;background:transparent;opacity:1;transform:none!important;padding:0 6px 10px;text-align:center}.paper-caption strong{font-size:15px}.paper-caption>span{display:none}.paper-name{display:none}}
@media(max-width:480px){.paper-caption{min-height:88px}.paper-caption strong{font-size:14px}}

.paper-gateway .paper-choice:focus-visible{outline:0}