body{background-image:radial-gradient(circle at 50% 50%,#283234,#495659 74.1%,#586264);opacity:1;overflow:auto;border-radius:unset;margin:0;padding:0}h1{font-size:28px;font-weight:400;color:#e0f6fb;line-height:normal;margin:0 0 20px}.site-title{font-size:20px}.mt-20{margin-top:20px}.video-thumb{cursor:pointer}.content-container{padding:24px 24px 0;overflow:auto;border-radius:unset;min-height:calc(100vh - 64px)}.login-container{background-color:#1d2021;border-radius:10px;padding:24px}.pointer-cursor{cursor:pointer}.video-carousel-container{width:100%;max-width:1280px;margin:0 auto;position:relative;padding:0 40px}.carousel-slide{padding:0 10px;transition:transform .3s ease}.video-item{position:relative;border-radius:8px;overflow:hidden;transition:all .3s ease;cursor:pointer;aspect-ratio:16/9}.video-item.active{cursor:default;transform:scale(1.02);z-index:1}.video-item img{width:100%;height:100%;object-fit:cover;display:block}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .3s ease}.video-item:not(.active):hover .play-overlay{opacity:1}.play-icon{font-size:48px;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .2s ease}.video-item:not(.active):hover .play-icon{transform:scale(1.1)}.video-title{position:absolute;bottom:0;left:0;right:0;padding:5px 10px 2px;font-weight:400;font-size:14px;text-align:center;background:linear-gradient(transparent,#000c);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-duration{position:absolute;top:12px;right:12px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}mux-player{width:100%;height:100%;transition:all .3s ease}.video-item.active:hover mux-player{--controls: flex;--media-control: flex;--media-control-hover: flex}.custom-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .3s ease;border:none;outline:none}.custom-arrow:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.custom-arrow.left{left:0}.custom-arrow.right{right:0}.ant-carousel .slick-list{margin-left:-17px;padding:10px 0}.ant-carousel .slick-slide{padding:0 10px;height:auto}.ant-carousel .slick-track{display:flex;align-items:stretch}