.story-page{width:100%;height:100vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:auto;background:#000000;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;will-change:scroll-position;transform:translateZ(0)}.story-page::-webkit-scrollbar{display:none}.story-container{max-width:1200px;background:transparent;height:260vh;position:relative;margin:0 auto 100px;padding:0 20px}.story-container,.story-content{width:100%;box-sizing:border-box}.story-content{height:100vh;display:flex;justify-content:center;align-items:center;padding:60px}.chat-container{max-width:800px;width:100%;display:flex;flex-direction:column;gap:20px}.chat-bubble{display:flex;width:100%;animation:slideIn .5s ease-out}.chat-bubble.left{justify-content:flex-start}.chat-bubble.right{justify-content:flex-end}.bubble-content{max-width:70%;padding:7px 15px;border-radius:20px;font-size:24px;line-height:1.4;color:#ffffff;font-weight:400;word-wrap:break-word;position:relative}.chat-bubble.left .bubble-content{background:#444444;border-bottom-left-radius:6px;margin-right:auto}.chat-bubble.right .bubble-content{background:#707070;border-bottom-right-radius:3px;margin-left:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cursor{color:#ffffff;font-weight:400;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:1024px){.story-container{max-width:900px}.story-content{padding:40px}.bubble-content{font-size:20px}}@media (max-width:768px){.story-page{padding:10px}.story-content{padding:30px;min-height:400px}.bubble-content{font-size:18px;padding:12px 16px}.chat-container{gap:15px}}@media (max-width:480px){.story-content{padding:20px}.bubble-content{font-size:16px;padding:10px 14px}.chat-container{gap:12px}}.story-second-section{width:100%;height:160vh;display:flex;justify-content:center;align-items:flex-start;padding:60px;box-sizing:border-box}.second-content{width:100%;max-width:800px;height:300px;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;position:-webkit-sticky;position:sticky;top:0;z-index:2}.second-title{font-size:32px;line-height:1.6;color:#ffffff;font-weight:400;text-align:left;margin-bottom:40px;position:relative;z-index:3;margin-top:100px}.story-swiper-mask{position:absolute;top:200px;left:50%;transform:translateX(-50%);width:1350px;height:500px;z-index:1;margin-top:50px;overflow:hidden}.trapezoid-left,.trapezoid-right{position:absolute;top:0;width:50%;height:100%;z-index:2}.trapezoid-left{left:0;-webkit-clip-path:polygon(0 0,66.67% 0,33.33% 100%,0 100%);clip-path:polygon(0 0,66.67% 0,33.33% 100%,0 100%);background:url(https://raw.githubusercontent.com/ZHOUTianye/site2025/main/public/img/banners/banner4.jpg) no-repeat 50%;background-size:cover}.trapezoid-right{right:0;-webkit-clip-path:polygon(66.67% 0,100% 0,100% 100%,33.33% 100%);clip-path:polygon(66.67% 0,100% 0,100% 100%,33.33% 100%);background:url(https://raw.githubusercontent.com/ZHOUTianye/site2025/main/public/img/banners/banner5.jpg) no-repeat 50%;background-size:cover}.story-swiper-container{width:100%;height:100%;border-radius:0;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3);position:relative;z-index:1}.story-swiper{width:100%;height:100%}.story-swiper.disabled{pointer-events:none}.story-swiper.disabled .slide-content{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.story-swiper.enabled{pointer-events:auto}.story-swiper.enabled .slide-content{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s ease 0s}.story-swiper .swiper-slide{display:flex;justify-content:center;align-items:center;font-size:24px;color:white;font-weight:400}.story-swiper .swiper-slide:first-child{background-image:url(https://raw.githubusercontent.com/ZHOUTianye/site2025/main/public/img/banners/banner1.webp),url(https://raw.githubusercontent.com/ZHOUTianye/site2025/main/public/img/banners/banner1.png),url(https://raw.githubusercontent.com/ZHOUTianye/site2025/main/public/img/banners/banner1.jpg),url(https://raw.githubusercontent.com/ZHOUTianye/site2025/main/public/img/banners/banner1.jpeg);background-size:cover;background-position:50%;background-repeat:no-repeat}.story-swiper .swiper-slide:nth-child(2){background-image:url(https://raw.githubusercontent.com/ZHOUTianye/site2025/main/public/img/banners/banner2.webp),url(https://raw.githubusercontent.com/ZHOUTianye/site2025/main/public/img/banners/banner2.png),url(https://raw.githubusercontent.com/ZHOUTianye/site2025/main/public/img/banners/banner2.jpg),url(https://raw.githubusercontent.com/ZHOUTianye/site2025/main/public/img/banners/banner2.jpeg);background-size:cover;background-position:50%;background-repeat:no-repeat}.story-swiper .swiper-slide:nth-child(3){background-image:url(https://raw.githubusercontent.com/ZHOUTianye/site2025/main/public/img/banners/banner3.webp),url(https://raw.githubusercontent.com/ZHOUTianye/site2025/main/public/img/banners/banner3.png),url(https://raw.githubusercontent.com/ZHOUTianye/site2025/main/public/img/banners/banner3.jpg),url(https://raw.githubusercontent.com/ZHOUTianye/site2025/main/public/img/banners/banner3.jpeg);background-size:cover;background-position:50%;background-repeat:no-repeat}.story-swiper .swiper-slide .slide-content{text-align:center;padding:20px;line-height:1.6;max-width:80%;background:rgba(0,0,0,.5);border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.story-swiper .swiper-pagination{bottom:30px!important;transition:opacity .5s ease}.story-swiper.disabled .swiper-pagination{opacity:0;pointer-events:none}.story-swiper.enabled .swiper-pagination{opacity:1;pointer-events:auto}.story-swiper .swiper-pagination-bullet{width:1rem!important;height:1rem!important;background:rgba(255,255,255,.4)!important;opacity:1!important;transition:all .3s ease;position:relative!important;overflow:hidden!important;border-radius:50%!important}.story-swiper .swiper-pagination-bullet-active{width:3rem!important;height:1rem!important;background:rgba(255,255,255,.4)!important;border-radius:.5rem!important;transform:none!important}.story-swiper .swiper-pagination-bullet .progress-fill{position:absolute;top:0;left:0;height:100%;width:0;background:rgba(255,255,255,.9);border-radius:inherit;transition:none!important;pointer-events:none}.story-swiper .swiper-pagination-bullet-active .progress-fill{background:#ffffff;border-radius:.5rem 0 0 .5rem}.story-swiper .swiper-pagination-bullet-active .progress-fill[style*="100%"]{border-radius:.5rem!important}.story-third-section{display:none}@media (max-width:1024px){.second-title{font-size:28px}.story-second-section{padding:40px}.story-swiper-mask{width:930px;height:400px;overflow:hidden}.trapezoid-left{-webkit-clip-path:polygon(0 0,66.67% 0,33.33% 100%,0 100%);clip-path:polygon(0 0,66.67% 0,33.33% 100%,0 100%)}.trapezoid-right{-webkit-clip-path:polygon(66.67% 0,100% 0,100% 100%,33.33% 100%);clip-path:polygon(66.67% 0,100% 0,100% 100%,33.33% 100%)}.story-swiper .swiper-slide{font-size:20px}}@media (max-width:768px){.second-title{font-size:24px;margin-bottom:30px}.story-second-section{padding:30px}.story-swiper-mask{width:630px;height:300px;top:180px;overflow:hidden}.trapezoid-left{-webkit-clip-path:polygon(0 0,66.67% 0,33.33% 100%,0 100%);clip-path:polygon(0 0,66.67% 0,33.33% 100%,0 100%)}.trapezoid-right{-webkit-clip-path:polygon(66.67% 0,100% 0,100% 100%,33.33% 100%);clip-path:polygon(66.67% 0,100% 0,100% 100%,33.33% 100%)}.story-swiper .swiper-slide{font-size:18px}.story-swiper .swiper-pagination{bottom:25px!important}}@media (max-width:480px){.second-title{font-size:20px;margin-bottom:20px}.story-second-section{padding:20px}.story-swiper-mask{width:380px;height:250px;top:160px;overflow:hidden}.trapezoid-left{-webkit-clip-path:polygon(0 0,66.67% 0,33.33% 100%,0 100%);clip-path:polygon(0 0,66.67% 0,33.33% 100%,0 100%)}.trapezoid-right{-webkit-clip-path:polygon(66.67% 0,100% 0,100% 100%,33.33% 100%);clip-path:polygon(66.67% 0,100% 0,100% 100%,33.33% 100%)}.story-swiper .swiper-slide{font-size:16px}.story-swiper .swiper-pagination{bottom:20px!important}.story-swiper .swiper-pagination-bullet{width:1rem!important;height:1rem!important}.story-swiper .swiper-pagination-bullet-active{width:3rem!important;height:1rem!important}}.gallery-page{height:100vh;background:#000000;padding:0 40px;box-sizing:border-box;overflow:hidden}.gallery-container,.gallery-page{width:100%;display:flex;justify-content:center;align-items:center}.gallery-container{max-width:none;height:100%;flex-direction:column;gap:30px}.gallery-divider{height:100%;width:1px;background:#aaaaaa}@media (min-width:1200px){.gallery-container{width:90%}}.gallery-header{text-align:center;margin-top:100px;margin-bottom:10px}.gallery-title{font-size:32px;line-height:1.6;color:#ffffff;font-weight:300;letter-spacing:.5px;margin:0;transition:all 1s ease}.photo-wall{flex:1 1;width:100%;display:flex;gap:40px;align-items:center;justify-content:center}.thumbnail-grid{flex:1 1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-gap:12px;gap:12px;aspect-ratio:1.25;max-width:50%}.thumbnail-item{position:relative;cursor:pointer;transition:all .3s ease;overflow:hidden;aspect-ratio:3/2;filter:grayscale(100%);margin-left:10%;display:flex;align-items:center;justify-content:center}.thumbnail-item:hover{filter:grayscale(0);transform:scale(1.02)}.thumbnail-plus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:10px;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.7);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}.thumbnail-item:hover .thumbnail-plus{opacity:1}.main-display{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:35%;margin-right:5%;aspect-ratio:3/2;position:relative;overflow:hidden}.main-image{aspect-ratio:3/2;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);transition:all 1s ease;transform-style:preserve-3d;perspective:1000px;z-index:1}.main-image,.new-page-layer{width:100%;position:absolute;top:0;left:0}.new-page-layer{height:100%;z-index:2;pointer-events:none;-webkit-clip-path:polygon(100% 100%,100% 100%,100% 100%);clip-path:polygon(100% 100%,100% 100%,100% 100%)}.new-page-layer.sweeping{animation:lineSweep .3s linear forwards}@keyframes lineSweep{0%{-webkit-clip-path:polygon(100% 100%,100% 100%,100% 100%,100% 100%,100% 100%);clip-path:polygon(100% 100%,100% 100%,100% 100%,100% 100%,100% 100%)}25%{-webkit-clip-path:polygon(50% 100%,100% 50%,100% 50%,100% 100%,50% 100%);clip-path:polygon(50% 100%,100% 50%,100% 50%,100% 100%,50% 100%)}50%{-webkit-clip-path:polygon(0 100%,100% 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 100%,100% 0,100% 0,100% 100%,0 100%)}75%{-webkit-clip-path:polygon(0 50%,50% 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 50%,50% 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,0 0,100% 0,100% 100%,0 100%)}}.glitch-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;filter:grayscale(100%) blur(5px);mix-blend-mode:normal;opacity:1;z-index:3;-webkit-clip-path:polygon(100% 100%,100% 100%,100% 100%,100% 100%,100% 100%);clip-path:polygon(100% 100%,100% 100%,100% 100%,100% 100%,100% 100%)}.glitch-mask.sweeping{animation:lineSweep .3s linear forwards,tvSwitch 1s steps(4) forwards}@keyframes tvSwitch{0%{filter:grayscale(100%) blur(8px);opacity:1}25%{filter:grayscale(80%) blur(6px);opacity:.9}50%{filter:grayscale(60%) blur(3px);opacity:.7}75%{filter:grayscale(30%) blur(1px);opacity:.4}to{filter:none;opacity:0}}@media (max-width:1024px){.gallery-page{padding:0 30px}.gallery-container{gap:25px}.gallery-title{font-size:20px}.photo-wall{gap:30px}.thumbnail-grid{max-width:480px;gap:10px}.main-display{width:40%;margin-right:5%}.thumbnail-plus{font-size:9px}}@media (max-width:768px){.gallery-page{padding:0 20px}.gallery-container{gap:20px}.gallery-title{font-size:18px;line-height:1.5}.photo-wall{flex-direction:column;gap:25px}.thumbnail-grid{max-width:350px;gap:8px}.main-display{width:40%;margin-right:5%}.thumbnail-plus{font-size:8px}}@media (max-width:480px){.gallery-page{padding:0 15px}.gallery-title{font-size:16px}.thumbnail-grid{max-width:280px;gap:6px}.main-display{width:45%;margin-right:5%}.thumbnail-plus{font-size:7px}}