.all-works[data-v-6cdb3aa4]{padding:20px;min-height:calc(100vh - 200px);background:#f5f5f5}.page-header[data-v-6cdb3aa4]{position:relative;margin-bottom:30px;padding:0 20px}.back-btn[data-v-6cdb3aa4]{display:inline-flex;align-items:center;cursor:pointer;color:#666;font-size:14px;padding:8px 12px;border-radius:4px;transition:all .3s}.back-btn[data-v-6cdb3aa4]:hover{color:#409eff;background:#ecf5ff}.back-btn i[data-v-6cdb3aa4]{margin-right:4px}h2[data-v-6cdb3aa4]{text-align:center;margin:20px 0;font-size:24px;color:#333}.works-grid[data-v-6cdb3aa4]{display:grid;grid-template-columns:repeat(5,248px);gap:20px;margin:20px auto;max-width:1340px;padding:0 30px;justify-content:center}.works-item[data-v-6cdb3aa4]{display:flex;flex-direction:column;cursor:pointer;transition:all .3s;width:248px}.works-item[data-v-6cdb3aa4]:hover{transform:translateY(-5px)}.works-player-wrap[data-v-6cdb3aa4]{width:248px;height:440px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.1)}.works-container[data-v-6cdb3aa4]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff}.works-cover[data-v-6cdb3aa4]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.works-item[data-type="1"] .works-cover[data-v-6cdb3aa4]{padding:0;width:100%!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;margin:0!important}.works-item[data-type="2"] .works-cover[data-v-6cdb3aa4]{-o-object-fit:cover;object-fit:cover}.works-item[data-type="3"] .works-cover[data-v-6cdb3aa4],.works-item[data-type="4"] .works-cover[data-v-6cdb3aa4]{-o-object-fit:contain;object-fit:contain;padding:0}.video-container[data-v-6cdb3aa4]{width:100%;height:100%;position:relative;background:#000}.video-container .works-cover[data-v-6cdb3aa4]{-o-object-fit:cover;object-fit:cover}.works-item[data-type="4"] .video-container .works-cover[data-v-6cdb3aa4]{-o-object-fit:contain;object-fit:contain}.works-title[data-v-6cdb3aa4]{margin-top:10px;font-size:14px;color:#333;text-align:center;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:248px}.loading-overlay[data-v-6cdb3aa4]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8);display:flex;justify-content:center;align-items:center}.image-slot[data-v-6cdb3aa4]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#f5f7fa;color:#909399}.image-slot i[data-v-6cdb3aa4]{font-size:30px}.pagination-container[data-v-6cdb3aa4]{text-align:center;margin:30px 0}@media screen and (max-width:1400px){.works-grid[data-v-6cdb3aa4]{grid-template-columns:repeat(4,248px);max-width:1092px}}@media screen and (max-width:1200px){.works-grid[data-v-6cdb3aa4]{grid-template-columns:repeat(3,248px);max-width:804px}}@media screen and (max-width:768px){.works-grid[data-v-6cdb3aa4]{display:flex;gap:10px;padding-bottom:20px;flex-wrap:wrap;justify-content:center}.works-item[data-v-6cdb3aa4]{width:calc(50% - 5px);max-width:240px;margin-bottom:10px}.works-player-wrap[data-v-6cdb3aa4]{width:100%;height:200px}.works-title[data-v-6cdb3aa4]{font-size:12px;margin-top:5px;width:100%;max-width:100%}}@media screen and (max-width:480px){.works-grid[data-v-6cdb3aa4]{gap:8px;padding:0 8px}.works-item[data-v-6cdb3aa4]{width:calc(50% - 4px)}.works-player-wrap[data-v-6cdb3aa4]{height:180px}.pagination-container[data-v-6cdb3aa4] .el-pagination{padding:0 5px;font-size:12px}.pagination-container[data-v-6cdb3aa4] .el-pagination button{min-width:24px}.pagination-container[data-v-6cdb3aa4] .el-pagination .el-pager li{min-width:24px;margin:0 1px;font-size:12px}}