.gallery-page-main{background-color:var(--color-cream);min-height:calc(100vh - 300px)}.chapter1-gallery-hero{aspect-ratio:16/9;background-color:#000;margin-bottom:4rem;max-height:90vh;overflow:hidden;position:relative;width:100%}.slide{animation:fade 15s forwards;background-position:50%;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.slide-1{animation-delay:0s;background-image:url(/images/shi-zhan-ah-pics/chapter1/banner1.jpg)}.slide-2{animation-delay:5s;background-image:url(/images/shi-zhan-ah-pics/chapter1/banner2.jpg)}.slide-3{animation-delay:10s;background-image:url(/images/shi-zhan-ah-pics/chapter1/banner3.jpg)}.slide-4{animation:fade-last 15s forwards;animation-delay:15s;background-image:url(/images/shi-zhan-ah-pics/chapter1/banner4.jpg)}@keyframes fade{0%{opacity:0}10%{opacity:1}33%{opacity:1}43%{opacity:0}to{opacity:0}}@keyframes fade-last{0%{opacity:0}10%{opacity:1}to{opacity:1}}@media (max-width:48rem){.chapter1-gallery-hero{aspect-ratio:auto;height:80vh;max-height:none}.slide{background-size:cover}}.image-license-tip{align-items:flex-start;background-color:#fffdf9;border:1px solid #eadecc;border-left:4px solid var(--color-gold,#f1c149);border-radius:var(--radius-sm,6px);box-shadow:0 4px 15px rgba(64,34,15,.03);color:var(--color-brown,#40220f);display:flex;font-size:.95rem;gap:.85rem;line-height:1.6;margin:2rem auto 3rem;max-width:900px;padding:1.25rem 1.5rem}.image-license-tip .tip-icon{color:var(--color-gold,#f1c149);flex:0 0 20px;height:20px;margin-top:2px;width:20px}.image-license-tip .tip-content{flex:1}.image-license-tip .tip-content a{border-bottom:1px dashed var(--color-gold,#f1c149);color:var(--color-brown,#40220f);font-weight:600;padding-bottom:1px;text-decoration:none;transition:all .2s ease}.image-license-tip .tip-content a:hover{border-bottom-color:#9c6c16;border-bottom-style:solid;color:#9c6c16;opacity:.9}@media (max-width:48rem){.image-license-tip{font-size:.9rem;margin-left:1.25rem;margin-right:1.25rem;padding:1rem 1.25rem}}.gallery-section{align-items:stretch;background-color:var(--color-cream);column-gap:1.5625rem;display:grid;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));opacity:0;padding:3rem .625rem;row-gap:.5rem;transition:opacity .6s ease-out}.gallery-section.initialized{opacity:1}.gallery-item{background-color:var(--color-cream);display:grid;grid-row:span 2;grid-template-rows:subgrid;height:100%;margin:0;overflow:hidden;transition:var(--transition-base)}.gallery-item img{align-self:end;cursor:zoom-in;display:block;height:auto;touch-action:pan-y;transform-origin:center center;-webkit-user-select:none;width:100%;will-change:transform;-webkit-touch-callout:none;-webkit-user-drag:none;user-drag:none;user-select:none}.gallery-item:hover .gallery-image{transform:scale(1.01)}.gallery-item.hidden{display:none}.image-caption-wrap{align-self:start;padding:.5rem .5rem .75rem;text-align:center}.image-name{align-self:start;color:var(--color-brown);display:block;font-size:1.1rem;font-weight:700;letter-spacing:.05em;line-height:1.5;overflow-wrap:break-word;text-align:justify;text-justify:inter-ideograph;text-wrap:pretty}.image-source-link{border-bottom:1px dashed var(--color-gold,#f1c149);color:var(--color-brown);display:inline-block;font-size:.85rem;font-weight:500;margin-left:.6rem;opacity:.65;text-decoration:none;transition:all .2s ease;vertical-align:middle}.image-source-link:hover{border-bottom-color:#9c6c16;border-bottom-style:solid;color:var(--color-gold);opacity:1}.lightbox{align-items:center;background:hsla(0,0%,100%,.7);border:none;display:flex;height:100%;justify-content:center;left:0;max-height:none;max-width:none;opacity:0;padding:0;position:fixed;top:0;transition:opacity .3s ease;visibility:hidden;width:100%;z-index:1000}.lightbox[open]{opacity:1;visibility:visible}.lightbox::backdrop{background:hsla(0,0%,100%,.7)}.slides-container{height:100%;max-height:100vh;max-width:90vw;overflow:hidden;overscroll-behavior-x:none;touch-action:none;width:100%}.slider-track{transition:transform .4s ease-out}.slide-wrapper,.slider-track{display:flex;height:100%;width:100%}.slide-wrapper{align-items:center;box-sizing:border-box;flex:0 0 100%;justify-content:center;padding-bottom:6.5rem}.slide-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.close-button{background:none;border:none;color:#333;cursor:pointer;font-size:2rem;font-weight:300;opacity:.8;position:absolute;right:.9375rem;top:.9375rem;transition:opacity .3s;z-index:1002}.close-button:focus{outline:none}.close-button:hover{opacity:1}.left-button,.right-button{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:1.25rem;height:2.5rem;padding:1.2rem .5rem;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s,color .3s,opacity .3s;width:2.5rem;z-index:1001}.left-button:hover,.right-button:hover{background-color:hsla(0,0%,100%,.9);color:#008b8b}.left-button:disabled,.right-button:disabled{background:none;cursor:default;display:none;pointer-events:none}.left-button{left:1.25rem}.right-button{right:1.25rem}.left-button:after,.right-button:after{background-color:#333;border-radius:.25rem;bottom:-2.5rem;color:#fdfdfc;content:attr(data-tooltip);font-size:.8rem;left:50%;opacity:0;padding:.4rem .6rem;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.9);transition:opacity .2s ease,transform .2s ease;visibility:hidden;white-space:nowrap;z-index:1003}.left-button:hover:after,.left-button:hover:before,.right-button:hover:after,.right-button:hover:before{opacity:1;transform:translateX(-50%) scale(1);visibility:visible}.thumbnail-navigation{align-items:center;bottom:-.25rem;display:flex;gap:.625rem;justify-content:flex-start;left:50%;max-width:none;overflow-x:auto;overflow-y:hidden;padding:.625rem 2rem;pointer-events:auto;position:absolute;transform:translateX(-50%);width:min(100%,800px);z-index:1001}.thumbnail-item{border:.125rem solid transparent;border-radius:.25rem;box-shadow:0 0 .3125rem rgba(0,0,0,.3);cursor:pointer;flex-shrink:0;height:4.5rem;opacity:.5;overflow:hidden;transition:opacity .3s ease,border-color .3s ease;width:4.5rem}.thumbnail-item img{height:100%;object-fit:cover;width:100%}.thumbnail-item.active{border-color:#008b8b;box-shadow:0 0 .625rem rgba(0,139,139,.7);opacity:1}.thumbnail-navigation::-webkit-scrollbar{height:.5rem}.thumbnail-navigation::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:.25rem}.close-button,.left-button,.right-button,.slide-image{pointer-events:auto}.slide-image,.slide-wrapper,.slider-track,.slides-container{touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;user-drag:none;user-select:none}.thumbnail-navigation{touch-action:pan-x}@media (hover:none) and (pointer:coarse){.left-button,.left-button:after,.left-button:before,.right-button,.right-button:after,.right-button:before{display:none}}@media (max-width:64rem) or (orientation:portrait){.slides-container{max-width:100%}}#copyright-toast{backdrop-filter:blur(10px);background-color:rgba(0,0,0,.85);border-radius:.5rem;bottom:clamp(1rem,5vw,2rem);box-shadow:0 .25rem 1.875rem rgba(0,0,0,.25);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Microsoft JhengHei,sans-serif;font-size:.875rem;left:1.875rem;opacity:0;padding:.75rem 1.5rem;pointer-events:none;position:fixed;transform:translateY(100px);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.34,1.56,.64,1);user-select:none;z-index:99999}#copyright-toast.show{opacity:1;transform:translateY(0)}