.all-works[data-v-5d0cb358]{padding:20px}.page-header[data-v-5d0cb358]{position:relative;margin-bottom:20px}.back-btn[data-v-5d0cb358]{display:inline-flex;align-items:center;cursor:pointer;color:#666;font-size:14px;padding:8px 12px;border-radius:4px;transition:all .3s;margin-bottom:10px}.back-btn[data-v-5d0cb358]:hover{color:#409eff;background:#f5f7fa}.back-btn i[data-v-5d0cb358]{margin-right:4px;font-size:16px}.page-header h2[data-v-5d0cb358]{text-align:center;margin:20px 0;color:#333;font-size:24px}.search-area[data-v-5d0cb358]{margin-bottom:20px;padding:15px;border-radius:8px}.search-form[data-v-5d0cb358]{display:flex;flex-wrap:wrap;gap:10px}.search-form .el-form-item[data-v-5d0cb358]{margin-bottom:0;margin-right:0}.search-form[data-v-5d0cb358] .el-form-item__label{font-weight:700!important}.search-form .el-input[data-v-5d0cb358]{width:200px}.search-form[data-v-5d0cb358] .el-button--primary{background-color:#58c1b6!important;border-color:#58c1b6!important}.search-form[data-v-5d0cb358] .el-button--primary:focus,.search-form[data-v-5d0cb358] .el-button--primary:hover{background-color:#4ba89e!important;border-color:#4ba89e!important}.search-form[data-v-5d0cb358] .el-button--primary:active{background-color:#3e8f86!important;border-color:#3e8f86!important}.video-grid[data-v-5d0cb358]{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:20px;min-height:200px}.video-item[data-v-5d0cb358]{display:flex;flex-direction:column;align-items:center}.video-player-wrap[data-v-5d0cb358]{width:247px;height:440px;background:#000;border-radius:8px;overflow:hidden;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-container[data-v-5d0cb358]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.image-cover[data-v-5d0cb358],.video-cover[data-v-5d0cb358]{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;display:block;background:#000}.play-icon[data-v-5d0cb358]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:1}.video-player-wrap:hover .play-icon[data-v-5d0cb358]{background:rgba(0,0,0,.7);transform:translate(-50%,-50%) scale(1.1)}.play-icon i[data-v-5d0cb358]{color:#fff;font-size:30px}.video-title[data-v-5d0cb358]{margin-top:8px;font-size:14px;color:#333}.video-desc[data-v-5d0cb358],.video-title[data-v-5d0cb358]{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;width:220px}.video-desc[data-v-5d0cb358]{font-size:13px;color:#666;margin-top:2px}@media screen and (max-width:768px){.video-grid[data-v-5d0cb358]{display:flex;gap:10px;padding-bottom:20px;flex-wrap:wrap;justify-content:space-between}.video-item[data-v-5d0cb358]{width:calc(50% - 5px);margin-bottom:10px}.video-player-wrap[data-v-5d0cb358]{width:100%;height:200px}.video-title[data-v-5d0cb358]{font-size:12px;margin-top:5px;width:100%}.video-desc[data-v-5d0cb358]{font-size:11px;margin-top:2px;width:100%}.search-form[data-v-5d0cb358]{flex-direction:column}.search-form .el-form-item[data-v-5d0cb358],.search-form .el-input[data-v-5d0cb358]{width:100%}}.doc-icon[data-v-5d0cb358]{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;margin:auto}.full-cover[data-v-5d0cb358]{width:100%!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;margin:0!important}.image-cover[data-v-5d0cb358]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-thumbnail-container[data-v-5d0cb358]{position:relative;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.loading-overlay[data-v-5d0cb358]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.6);display:flex;justify-content:center;align-items:center;z-index:2}.loading-overlay i[data-v-5d0cb358]{font-size:24px;color:#409eff}.el-select[data-v-5d0cb358]{width:200px}@media screen and (max-width:768px){.el-select[data-v-5d0cb358]{width:100%}}.pagination-container[data-v-5d0cb358]{margin-top:20px;display:flex;justify-content:center}.pagination-container[data-v-5d0cb358] .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#58c1b6}.pagination-container[data-v-5d0cb358] .el-pagination.is-background .el-pager li:not(.disabled):hover{color:#58c1b6}@media screen and (max-width:768px){.pagination-container[data-v-5d0cb358]{margin-top:15px}}