@font-face{font-family:FZLTHJW;src:url('https://static.gangya.fun/resources/fonts/FZLTHJW-subset.ttf') format('truetype');font-weight:400;font-style:normal}.still-image-page{background-color:#d4d4d4;height:100vh;display:flex;flex-direction:column;overflow:hidden}.still-image-header{width:100%;height:clamp(50px,5.56vw,80px);flex-shrink:0;background-color:#d4d4d4;display:flex;flex-direction:column;justify-content:center;margin-top:clamp(50px,7.15vw,103px)}.header-content{flex:1;display:flex;align-items:left;justify-content:left;padding:20px 0 0 clamp(15px,2.08vw,30px);border-bottom:2px solid #000;border-top:2px solid #000;z-index:9}.header-text{font-family:FZLTHJW,sans-serif;font-size:16px;font-weight:400;color:#000;text-align:left;line-height:168%;letter-spacing:.06em;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.still-image-main{flex:1;display:flex;width:100%;overflow:hidden;position:relative}.header-content.clickable:hover .header-text{color:#8e66a2}.directory-sidebar{position:absolute;top:0;left:clamp(15px,2.08vw,30px);right:0;bottom:0;z-index:1;background-color:#d4d4d4;padding:0;border-left:2px solid #000;display:flex;flex-direction:column}.sidebar-spacer{width:clamp(300px,43.82vw,631px);margin-left:clamp(15px,2.08vw,30px);flex-shrink:0}.directory-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;flex:1}.directory-item{font-family:FZChaoCuHei-M10S,sans-serif;font-size:clamp(28px, 3.33vw, 48px);font-weight:400;line-height:139%;letter-spacing:.06em;color:#666;padding:0 clamp(20px,2.78vw,40px) 0 14px;flex:1;display:flex;align-items:center;box-sizing:border-box;transition:color .3s ease;border-bottom:1px solid #000;min-height:clamp(21px,2.847vw,41px)}.directory-item.last-item{flex:0 0 clamp(21px,2.847vw,41px);padding:0 clamp(20px,2.78vw,40px) 0 14px;display:flex;align-items:center;border-bottom:none}.directory-item.active,.directory-item:hover{color:#000}.video-section{flex:1;height:100%;position:relative;z-index:2;overflow:hidden}.video-container{width:100%;height:100%;position:relative}.main-video{width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .7s ease-in-out}.main-video.fade-out{opacity:0}.subdirectory-footer{width:100%;height:clamp(40px,4.444vw,64px);flex-shrink:0;background-color:#d4d4d4;border-top:2px solid #000;padding:0 clamp(15px,2.08vw,30px);display:flex;align-items:center}.subdirectory-list{list-style:none;padding:0;margin:0;display:flex;width:100%}.subdirectory-item{flex:1;height:clamp(40px,4.31vw,62px);font-family:Inter,sans-serif;font-size:clamp(13px, 1.25vw, 18px);font-weight:800;line-height:150%;letter-spacing:.06em;color:#000;display:flex;align-items:center;justify-content:center;transition:color .3s ease;border-left:2px solid #000;border-bottom:none}.subdirectory-item:last-child{border-right:2px solid #000}.subdirectory-item:hover{color:#8e66a2}.subdirectory-item.active{color:#8e66a2}#detailView{display:none;position:absolute;top:0;left:clamp(15px,2.08vw,30px);right:0;bottom:0;background:#d4d4d4;z-index:10;transform:translateY(110%) translateZ(0);will-change:transform;backface-visibility:hidden;contain:layout style}#detailView.detail-showing{display:flex}#detailView.viewer-open{transform:translateY(0);transition:transform .45s cubic-bezier(.4, 0, .2, 1)}#detailView.page-exit{transform:translateY(110%);transition:transform .45s cubic-bezier(.4, 0, .2, 1)}.detail-title{display:flex;flex-direction:column;padding-left:15px;padding-top:15px;z-index:1001;position:absolute;width:clamp(200px,29.1vw,419px);height:clamp(100px,13.89vw,200px);pointer-events:none;background-color:transparent}.detail-title .title-main,.detail-title .title-sub{pointer-events:auto;transition:color .3s ease}.title-main{font-family:FZChaoCuHei-M10S,sans-serif;font-size:clamp(28px, 3.33vw, 48px);font-weight:400;line-height:139%;letter-spacing:.06em;color:#000}.title-sub{font-family:Inter,sans-serif;font-size:clamp(13px, 1.25vw, 18px);font-weight:800;line-height:150%;letter-spacing:.06em;color:#000}.title-main:active,.title-main:focus,.title-main:hover,.title-sub:active,.title-sub:focus,.title-sub:hover{color:#8e66a2}.detail-sidebar{width:clamp(200px,29.1vw,419px);flex-shrink:0;background-color:#d4d4d4;border-left:2px solid #000;border-right:2px solid #000;display:flex;align-items:flex-start;box-sizing:border-box;position:relative;z-index:10;transition:background-color .3s ease}.image-grid-section{flex:1;display:flex;justify-content:flex-start;margin-right:clamp(15px,2.08vw,30px);overflow:hidden;border-right:2px solid #000;position:relative;z-index:5;background-color:#d4d4d4;min-width:0}.image-grid-wrapper{width:calc(100% - clamp(15px,2.08vw,30px));height:100%;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.image-grid-wrapper::-webkit-scrollbar{display:none}.custom-scrollbar-track{position:absolute;right:0;top:0;bottom:0;width:clamp(15px,2.08vw,30px);z-index:6;border-left:2px solid #000}.custom-scrollbar-thumb{position:absolute;left:50%;transform:translateX(-50%);width:12px;background:#000;border-radius:70px;min-height:clamp(30px,3.47vw,50px);transition:opacity .15s ease;opacity:.8}.custom-scrollbar-thumb:active,.custom-scrollbar-thumb:hover{opacity:1}.image-grid{display:flex;flex-direction:column;height:200%}.screen{height:50%;flex-shrink:0;display:grid;grid-template-columns:calc(33.333% + 10px) calc(33.333% - 20px) calc(33.333% + 10px);grid-template-rows:repeat(2,1fr);scroll-snap-align:start}.grid-item{border-right:1px solid #000;border-bottom:1px solid #000;box-sizing:border-box;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding-top:10px;padding-bottom:10px;padding-left:0;padding-right:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:0}.grid-item:active,.grid-item:focus{outline:0;background-color:transparent}.screen .grid-item:nth-child(3n){border-right:none}.screen:last-child .grid-item:nth-child(n+4){border-bottom:none}.screen .grid-item:nth-child(3n+1){padding-left:clamp(18px,2.43vw,35px)}.screen .grid-item:nth-child(3n){padding-right:clamp(18px,2.43vw,35px)}.grid-item picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.grid-item img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}.grid-item:nth-child(3n+2){padding-left:0!important;padding-right:0!important}.image-viewer{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;pointer-events:none}.viewer-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#000 0,#000 calc(100% - 30px),transparent calc(100% - 30px),transparent 100%);display:flex;align-items:center;justify-content:center;transform:translateY(110%);transition:transform .45s cubic-bezier(.4, 0, .2, 1)}.image-viewer.active{pointer-events:auto}.image-viewer.active .viewer-wrapper{transform:translateY(0)}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:clamp(50px,6.94vw,100px);background:0 0;border:none;color:#fff;font-family:Inter,sans-serif;font-size:clamp(13px, 1.25vw, 18px);font-weight:800;letter-spacing:.06em;transition:color .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.viewer-nav:hover{color:#8e66a2}.viewer-nav.prev{left:10px}.viewer-nav.next{right:clamp(20px,2.778vw,40px)}.viewer-image-container{width:100%;display:flex;align-items:center;justify-content:center}.viewer-image-container picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.viewer-image{max-width:739px;max-height:739px;object-fit:contain}.image-viewer.active~.detail-title .title-main,.image-viewer.active~.detail-title .title-sub{color:#fff!important}.image-viewer.active~.detail-title .title-main:active,.image-viewer.active~.detail-title .title-main:focus,.image-viewer.active~.detail-title .title-main:hover,.image-viewer.active~.detail-title .title-sub:active,.image-viewer.active~.detail-title .title-sub:focus,.image-viewer.active~.detail-title .title-sub:hover{color:#8e66a2!important}