.video-learning[data-v-0afd3312]{background:#fff!important;min-height:calc(100vh - 60px)}.video-learning[data-v-0afd3312] .ant-card{background:#fff!important}.video-learning .ant-card-head[data-v-0afd3312]{padding:0 16px;margin-bottom:0;background:#fff!important}.video-learning .ant-card-head .ant-card-head-title[data-v-0afd3312]{height:50px;padding:0;font-size:18px;font-weight:700}.video-learning .ant-card-head .ant-tabs-bar[data-v-0afd3312]{border-bottom:1px solid #e8e8e8}.video-learning .ant-card-head .ant-tabs-tab[data-v-0afd3312]{margin-right:0;padding:12px 20px;font-size:16px}.video-learning .ant-card-head .ant-tabs-tab-active[data-v-0afd3312]{color:#1890ff}.video-learning .ant-card-body[data-v-0afd3312]{padding:20px;height:calc(100vh - 60px);background:#fff!important;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.video-learning .video-list-wrapper[data-v-0afd3312]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:calc(100vh - 280px);overflow-y:auto;overflow-x:hidden;position:relative;min-height:0}.video-learning .video-list[data-v-0afd3312]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.video-learning .video-list .video-card[data-v-0afd3312]{cursor:pointer;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;background:#fff}.video-learning .video-list .video-card[data-v-0afd3312]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.video-learning .video-list .video-card .video-thumbnail[data-v-0afd3312]{position:relative;width:100%;padding-top:56.25%;background:#f0f0f0;overflow:hidden}.video-learning .video-list .video-card .video-thumbnail img[data-v-0afd3312]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-learning .video-list .video-card .video-thumbnail .play-overlay[data-v-0afd3312]{position:absolute;top:0;left:0;width:100%;height:100%;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;background:rgba(0,0,0,.3);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.video-learning .video-list .video-card .video-thumbnail .play-overlay .play-icon[data-v-0afd3312]{width:60px;height:60px;border-radius:50%;background:hsla(0,0%,100%,.9);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;position:relative}.video-learning .video-list .video-card .video-thumbnail .play-overlay .play-icon img[data-v-0afd3312]{width:60px;height:60px;-o-object-fit:contain;object-fit:contain;display:block}.video-learning .video-list .video-card:hover .play-overlay[data-v-0afd3312]{opacity:1}.video-learning .video-list .video-card .video-info[data-v-0afd3312]{padding:12px}.video-learning .video-list .video-card .video-info .video-title[data-v-0afd3312]{font-size:16px;color:#938da9;margin-bottom:8px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;min-height:30px}.video-learning .video-list .video-card .video-info .video-meta[data-v-0afd3312]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.video-learning .video-list .video-card .video-info .video-meta .video-date[data-v-0afd3312]{font-size:14px;color:#000}.video-learning .video-list .video-card .video-info .video-meta .video-category-tag[data-v-0afd3312]{padding:2px 8px;border:1px solid #999;color:#000;font-weight:700;font-size:12px;border-radius:4px}.video-learning .video-list .empty-state[data-v-0afd3312]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:100%}.video-learning .pagination-wrapper[data-v-0afd3312]{margin-top:20px;text-align:right}.video-player-modal .ant-modal-body[data-v-0afd3312]{padding:20px}.video-player-modal .video-player-container[data-v-0afd3312]{position:relative}.video-player-modal .video-player-container .video-player[data-v-0afd3312]{width:100%;max-height:600px;background:#000}