html,body,#root{width:100%;height:100%;margin:0}.container{width:100%;height:100%;position:relative;display:flex;flex-direction:row}.imgContainer{width:100%;height:100%;flex:1;display:grid;grid-template-columns:repeat(var(--columns-num),1fr);grid-template-rows:repeat(var(--rows-num),1fr);grid-gap:2px}.imgItemContainer{position:relative;height:100%;width:100%;display:flex}.imgItem{width:100%;height:100%;background-size:100% 100%}.photo-item{flex:1;width:100%;height:100%;position:relative}.photo-img-item{display:flex;flex-direction:column;position:relative;margin-top:5px}.qrCodeContainer{position:absolute;bottom:0;left:0;z-index:10}.qrCodeContainer .ant-qrcode.ant-qrcode{border:none!important;border-radius:0!important;padding:5px!important}.qrCodeContainer_photo{position:absolute;bottom:0;left:0;z-index:10}.qrCodeContainer_photo .ant-qrcode.ant-qrcode{border:none!important;border-radius:0!important;padding:5px!important}.imgTitleContainer{position:absolute;bottom:30px;left:145px;right:0;width:calc(100% - 145px);z-index:3}.imgTitleContainer svg{animation:scaleAni 2s linear infinite}.imgTitleContainer div{font-size:18px;font-weight:600;letter-spacing:5px;color:transparent;-webkit-text-stroke:2px #333;text-align:center;background-color:#f0f0f0a6;line-height:1.5em}@keyframes scaleAni{0%,to{transform:scale(.8)}50%{transform:scale(1)}}.timeContainer{position:absolute;bottom:0;right:0;color:#fff;z-index:3;-webkit-text-stroke:#333 1px;font-weight:700}.toolContainer{width:50px;height:100%;position:absolute;right:0}.countDown{position:absolute;top:10px;right:10px;width:30px;height:20px;padding:5px;border-radius:5px;background-color:#000;color:#fff}.tool1{top:50%;right:5px;width:55px;height:55px;transform:translateY(-100%)}.tool2{top:50%;right:5px;width:55px;height:55px;transform:translateY(50%)}.tool3{top:50%;right:5px;width:55px;height:55px;transform:translateY(200%)}.detailContainer{display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden}.detailResourceContainer{width:320px;display:flex;flex-direction:column;justify-content:flex-start}.detailResourceCollection{width:320px;flex:1;margin:10px 5px;background-color:#f5f5f5;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.detailResourceItem{width:300px;height:200px;position:relative}.activeDetailResourceItem{border:1px solid #f12;border-radius:8px}.detailResourceItem img{width:100%;height:100%;object-fit:contain;border-radius:8px}.detailResourceItemTag{position:absolute;top:0;right:-8px;width:40px;height:20px;border-radius:8px}.detailBackBtn{align-items:flex-start;margin:5px;width:120px;height:60px;padding:5px}.detailBackBtn span{font-size:28px;padding:5px 0}.detailContentContainer{flex:1;position:relative}.detailVideoContainer{margin-top:30px}.detailBackIconContainer{height:50px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:5px 10px}.detailBackIconContainer button{height:50px}.detailBackIconContainer button span{font-size:22px}.countdownText{position:absolute;top:5px;right:10px;font-size:28px;width:35px;font-weight:700;padding:5px 10px;color:#fff;background-color:#a9a9a9}.detailVideoContainer{height:calc(100% - 190px);flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center}.detailLeftBtn,.detailRightBtn{margin:10px;width:80px!important;height:80px;padding:0}.detailLeftBtn span,.detailRightBtn span{font-size:32px;padding:2px 30px;font-weight:700}.detailCodeContainer{height:160px;display:flex;align-items:center}.detailCodeImg{align-items:center}.detailCodeDes{flex:1;text-align:center;margin:5px 20px;font-size:38px;width:400px;font-weight:700;letter-spacing:15px}.leftDetailCodeDes{text-align:right}.rightDetialCodeDes{text-align:left}.detailVideoInfo{height:100%;width:100%;position:relative}.detailImgInfo{flex:1}.detailImgInfo img{max-width:100%}.videoInfo{width:100%;height:100%;object-fit:cover}.videoImgInfo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background-color:#fff;z-index:1}.controls{position:absolute;bottom:0;left:0;right:0;z-index:10}.controlsInfo{display:flex;flex-direction:row;align-items:center;padding:5px}.controlsInfo button{width:55px!important;height:50px}.controlsTimeInfo{margin-left:15px;color:#b0afaf}.custom-slider .ant-slider-rail,.custom-slider .ant-slider-track{height:10px}.custom-slider .ant-slider-handle{width:20px;height:20px;margin-top:4px}@media screen and (min-width:300px){.imgTitleContainer svg text{font-size:10px}.timeContainer{font-size:14px}}@media screen and (min-width:890px){.imgTitleContainer svg text{font-size:14px}}@media screen and (min-width:960px){.imgTitleContainer svg text{font-size:16px}}@media screen and (min-width:1000px){.imgTitleContainer svg text{font-size:18px}}@media screen and (min-width:1100px){.imgTitleContainer svg text{font-size:22px}}@media screen and (min-width:1300px){.imgTitleContainer svg text{font-size:26px}}@media screen and (min-width:1600px){.imgTitleContainer svg text{font-size:28px}}@media screen and (min-width:1800px){.imgTitleContainer svg text{font-size:30px}}.loginContainer{width:100%;height:100%;display:grid;justify-content:center;align-items:center;background-image:linear-gradient(to top,#efefef,#fff)}.loginFormContainer{width:500px;height:400px;display:flex;flex-direction:column}.loginTitleContainer{display:flex;flex-direction:row;justify-content:center;margin:20px 20px 30px;font-size:20px;font-weight:700}.loginForm span.ant-select-selection-item{text-align:start}#root{margin:0;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}