.custom-header{background:linear-gradient(180deg,#ffffff26,#fff0 104%);height:auto;padding:20px;width:100%}.header-content{align-items:center;box-sizing:border-box;display:flex;justify-content:space-around;justify-content:space-between;width:100%}.header-item{border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:500;min-width:80px;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.header-item-img{cursor:pointer;height:56px;width:56px}.header-item-right{display:flex;gap:20px}.header-item:hover{transform:scale(1.1)}@media (max-width:1200px){.header-content{max-width:100%}}@media (max-width:768px){.header-content{max-width:100%}.header-item{font-size:12px;min-width:60px}.header-item-img{height:32px;width:32px}.header-item-right{display:flex;gap:5px}}@media (max-width:480px){.header-item{font-size:12px;min-width:50px}}.video-container{align-items:flex-end;background:#000;cursor:pointer;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.main-video{height:51.7vh;max-height:600px;max-width:800px;min-height:200px;min-width:300px;object-fit:contain;object-position:center;width:32.2vw}@media (max-width:1440px){.main-video{height:45vh;max-height:calc(100vh - 80px);max-width:100%;min-height:250px;min-width:350px;width:40vw}}@media (max-width:1024px){.main-video{height:51.7vh;max-height:calc(100vh - 80px);max-width:100%;min-height:180px;min-width:280px;width:32.2vw}}@media (max-width:768px){.video-container{height:calc(100vh - 50px);padding-bottom:10px}.main-video{height:60vh;max-height:calc(100vh - 70px);max-width:100%;min-height:200px;min-width:300px;width:90vw}}@media (max-width:480px){.video-container{padding-bottom:5px}.main-video{height:65vh;max-height:calc(100vh - 60px);max-width:100%;min-height:180px;min-width:280px;width:95vw}}@media (orientation:landscape) and (max-height:500px){.video-container{height:100vh;padding-bottom:10px}.main-video{height:70vh;max-height:calc(100vh - 20px);max-width:100%;min-height:200px;min-width:400px;width:80vw}}.video-play-overlay{background:#000000b3;bottom:0;color:#fff;cursor:pointer;flex-direction:column;left:0;position:absolute;right:0;top:0;z-index:10}.play-button,.video-play-overlay{align-items:center;display:flex;justify-content:center}.play-button{background:#ffffffe6;border-radius:50%;height:80px;margin-bottom:20px;transition:transform .2s ease;width:80px}.play-button:hover{transform:scale(1.1)}.play-icon{border-bottom:15px solid #0000;border-left:25px solid #333;border-top:15px solid #0000;height:0;margin-left:5px;width:0}.video-play-overlay p{font-size:16px;margin:0;text-align:center}.video-controls{align-items:center;bottom:30px;display:flex;gap:10px;position:absolute;right:20px;z-index:5}.mute-button,.play-pause-button{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:background .2s ease;width:50px}.mute-button:hover,.play-pause-button:hover{background:#000000e6}.mute-button{font-size:18px}.video-loading{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:5}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-loading p{font-size:14px;margin:0}.video-error{background:#000c;border-radius:8px;color:#fff;left:50%;max-width:300px;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:5}.video-error p{font-size:14px;margin:0 0 15px}.retry-button{background:#007aff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s ease}.retry-button:hover{background:#0056cc}.autoplay-hint{animation:fadeInOut 3s ease-in-out;background:#000c;border-radius:20px;color:#fff;font-size:14px;left:50%;padding:10px 20px;position:absolute;top:20px;transform:translateX(-50%);z-index:5}.autoplay-hint p{margin:0;text-align:center}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}@media (max-width:768px){.main-video,.video-container{touch-action:manipulation}.main-video{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}@supports (-webkit-touch-callout:none){.main-video{-webkit-playsinline:true;-webkit-media-controls:none}.video-container{-webkit-overflow-scrolling:touch}}.main-layout{background:#000;min-height:100vh;position:relative}.main-content{align-items:center;background:#000;display:flex;flex-direction:column;height:calc(100vh - 120px);margin:0;overflow:hidden;padding:0 2rem}.main-content-img{height:27.8vh;margin-top:67px;max-height:300px;max-width:1617px;object-fit:contain;width:84.3vw}@media (max-width:1440px){.main-content{height:calc(100vh - 100px);padding:0 1rem}.main-content-img{height:20vh;margin-bottom:20px;margin-top:20px;max-height:200px;max-width:1000px;object-fit:contain;width:70vw}}@media (max-width:1024px){.main-content{height:calc(100vh - 90px);padding:0 1rem}.main-content-img{height:22vh;margin-bottom:15px;margin-top:15px;max-height:200px;max-width:100%;width:80vw}}@media (max-width:768px){.main-content{height:calc(100vh - 80px);padding:0 .5rem}.main-content-img{height:auto;margin-bottom:10px;margin-top:20px;max-height:150px;width:100%}}@media (max-width:480px){.main-content{height:calc(100vh - 70px);padding:0 .25rem}.main-content-img{height:auto;margin-bottom:8px;margin-top:15px;max-height:120px;width:100%}}@media (max-height:600px){.main-layout{min-height:100vh}.main-content{height:calc(100vh - 50px)}}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#root,.App,body,html{background:#000;height:100%}video{border:none;outline:none}@media (max-width:768px){body,html{font-size:14px}}@media (max-width:480px){body,html{font-size:13px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{background:#0000;width:0}#root,body,html{height:100%;margin:0;padding:0;width:100%}
/*# sourceMappingURL=main.8a3ab6cb.css.map*/