[data-v-657cc5e0]{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.m-video[data-v-657cc5e0]{display:inline-block;position:relative;background:#000;cursor:pointer}.m-video .u-video[data-v-657cc5e0]{display:inline-block;width:100%;height:100%;vertical-align:bottom}.m-video .u-play[data-v-657cc5e0]{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;fill:none;color:#fff;pointer-events:none;opacity:.7;-webkit-transition:opacity .3s;transition:opacity .3s}.m-video .u-play path[data-v-657cc5e0]{stroke:#fff}.m-video .hidden[data-v-657cc5e0]{opacity:0}.u-video-hover:hover .u-play[data-v-657cc5e0]{opacity:.9}.flex[data-v-34cfc308]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px;font-family:HarmonyOS Sans SC;font-size:16px;font-weight:700;line-height:normal;letter-spacing:0;color:#fff}.flex .line[data-v-34cfc308]{width:2px;height:17px;margin-right:7px;background-color:transparent}.video_info[data-v-34cfc308]{font-family:HarmonyOS Sans SC;font-size:14px;font-weight:500;line-height:normal;letter-spacing:0;color:#fff;margin-bottom:23px}.video_info[data-v-34cfc308]:last-child{margin-bottom:0}.video-view[data-v-34cfc308]{padding:20px}.video-grid[data-v-2c6ce186]{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.video-card[data-v-2c6ce186]{background:#fff;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.video-container[data-v-2c6ce186]{position:relative;aspect-ratio:16/7.1;background:#000;overflow:hidden}.thumbnail[data-v-2c6ce186],.video-player[data-v-2c6ce186]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.play-button[data-v-2c6ce186]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(6,12,22,.85);border-radius:50%;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background .3s ease,opacity .3s ease;transition:background .3s ease,opacity .3s ease}.play-button[data-v-2c6ce186]:hover{background:rgba(0,0,0,.8)}.video-container:hover .play-button[data-v-2c6ce186]{opacity:1!important}.play-icon[data-v-2c6ce186]{color:#01c2ff;font-size:24px;margin-left:4px}.timestamp[data-v-2c6ce186]{position:absolute;top:0;right:0;background:rgba(6,12,22,.85);color:#fff;padding:4px 8px;border-radius:4px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;font-family:HarmonyOS Sans SC;font-size:12px;font-weight:500;letter-spacing:0}.video-info[data-v-2c6ce186]{padding:20px 16px;cursor:pointer}.title[data-v-2c6ce186]{font-family:HarmonyOS Sans SC;font-size:14px;font-weight:500;line-height:normal;letter-spacing:0;margin:0 0 10px 0;color:#fff}.title[data-v-2c6ce186]:last-child{margin-bottom:0}.user-id[data-v-2c6ce186]{margin:0;font-size:14px;color:#666}.buffering-indicator[data-v-2c6ce186]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.spinner[data-v-2c6ce186]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;-webkit-animation:spin-data-v-2c6ce186 1s linear infinite;animation:spin-data-v-2c6ce186 1s linear infinite}@-webkit-keyframes spin-data-v-2c6ce186{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-2c6ce186{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media(max-width:768px){.video-grid[data-v-2c6ce186]{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.video-grid[data-v-2c6ce186]{grid-template-columns:1fr}}[data-v-2c6ce186] .drawer-details .el-drawer__header{border-bottom:1px solid #3255a5;padding-bottom:20px;margin-bottom:0;background-color:#183680}[data-v-2c6ce186] .drawer-details .el-drawer__header span{font-family:HarmonyOS Sans SC;font-size:18px;font-weight:700;line-height:normal;letter-spacing:0;color:#fff}[data-v-2c6ce186] .drawer-details .el-drawer__header .el-icon-close{color:#fff}[data-v-2c6ce186] .drawer-details .el-drawer__body{background-color:#183680}