.custom-upload-preview-modal .ant-modal-close-x{width:30px;height:30px;line-height:30px}.view-content[data-v-3c7d8474]{height:68vh;overflow-y:auto;padding:0 5px 0 0}.view-content[data-v-3c7d8474]::-webkit-scrollbar{width:4px}.view-content[data-v-3c7d8474]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:2px}.view-content[data-v-3c7d8474]::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.5);border-radius:2px}.videos-page[data-v-3c7d8474]{width:100%;min-height:calc(100vh - 100px);background:var(--bg-primary);color:var(--text-primary);position:relative;overflow-x:hidden}.videos-page[data-v-3c7d8474]:before{background-image:linear-gradient(rgba(var(--accent-rgb),.03) 1px,transparent 0),linear-gradient(90deg,rgba(var(--accent-rgb),.03) 1px,transparent 0),linear-gradient(rgba(36,222,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(36,222,255,.02) 1px,transparent 0);background-size:60px 60px,60px 60px,30px 30px,30px 30px;background-position:0 0,0 0,-1px -1px,-1px -1px;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%)}.videos-page[data-v-3c7d8474]:after,.videos-page[data-v-3c7d8474]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.videos-page[data-v-3c7d8474]:after{background:repeating-linear-gradient(45deg,transparent,transparent 50px,rgba(var(--accent-rgb),.015) 0,rgba(var(--accent-rgb),.015) 51px),repeating-linear-gradient(-45deg,transparent,transparent 50px,rgba(36,222,255,.01) 0,rgba(36,222,255,.01) 51px)}.page-content[data-v-3c7d8474]{max-width:1280px;margin:0 auto;padding:24px 32px}.header-row[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--border-light);margin-bottom:16px}.header-left[data-v-3c7d8474]{-webkit-box-flex:1;-ms-flex:1;flex:1}.page-title[data-v-3c7d8474]{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.page-desc[data-v-3c7d8474]{font-size:14px;color:var(--text-muted)}.header-right[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.tabs[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.tab-item[data-v-3c7d8474]{padding:8px 16px;color:var(--text-secondary);cursor:pointer;border-radius:6px;-webkit-transition:all .2s;transition:all .2s;font-size:14px}.tab-item[data-v-3c7d8474]:hover{color:var(--text-primary);background:rgba(var(--accent-rgb),.1)}.tab-item.active[data-v-3c7d8474]{color:#fff;background:var(--gradient-secondary);-webkit-box-shadow:0 4px 15px rgba(var(--accent-rgb),.3);box-shadow:0 4px 15px rgba(var(--accent-rgb),.3)}.tab-item.active span[data-v-3c7d8474]{font-weight:600}.refresh-btn[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 16px;background:var(--gradient-secondary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;-webkit-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 4px 15px rgba(var(--accent-rgb),.3);box-shadow:0 4px 15px rgba(var(--accent-rgb),.3)}.refresh-btn[data-v-3c7d8474]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(var(--accent-rgb),.4);box-shadow:0 6px 20px rgba(var(--accent-rgb),.4)}.refresh-btn[data-v-3c7d8474]:active{-webkit-transform:translateY(0);transform:translateY(0)}.filters-bar[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;padding:12px 0;margin-bottom:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}.material-search-input[data-v-3c7d8474] .ant-input{background:var(--bg-hover)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.material-search-input[data-v-3c7d8474] .ant-input::-webkit-input-placeholder{color:var(--text-muted)!important}.material-search-input[data-v-3c7d8474] .ant-input::-moz-placeholder{color:var(--text-muted)!important}.material-search-input[data-v-3c7d8474] .ant-input:-ms-input-placeholder{color:var(--text-muted)!important}.material-search-input[data-v-3c7d8474] .ant-input::-ms-input-placeholder{color:var(--text-muted)!important}.material-search-input[data-v-3c7d8474] .ant-input::placeholder{color:var(--text-muted)!important}.filter-group[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.filter-label[data-v-3c7d8474]{font-size:13px;color:var(--text-secondary)}.warning-tip[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,183,77,.1);border:1px solid rgba(255,183,77,.3);border-radius:8px;margin-bottom:24px;font-size:13px;color:var(--text-primary)}.warning-tip svg[data-v-3c7d8474]{color:#ffb74d;-ms-flex-negative:0;flex-shrink:0}.video-grid[data-v-3c7d8474]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.video-card[data-v-3c7d8474]{background:var(--bg-card);border-radius:16px;overflow:hidden;-webkit-transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s,-webkit-box-shadow .3s;border:1px solid var(--border-color)}.video-card[data-v-3c7d8474]:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:0 12px 32px rgba(var(--accent-rgb),.15);box-shadow:0 12px 32px rgba(var(--accent-rgb),.15);border-color:rgba(var(--accent-rgb),.3)}.material-card[data-v-3c7d8474]{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;-webkit-transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s,-webkit-box-shadow .2s}.material-card[data-v-3c7d8474]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgba(var(--accent-rgb),.15);box-shadow:0 8px 24px rgba(var(--accent-rgb),.15)}.material-card .material-thumb[data-v-3c7d8474]{position:relative;aspect-ratio:1.77777778;background:var(--bg-primary);cursor:pointer;overflow:hidden;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}.material-card .material-thumb .material-img[data-v-3c7d8474]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.material-card .material-thumb:hover .play-overlay[data-v-3c7d8474]{opacity:1}.material-card .material-info[data-v-3c7d8474]{padding:12px}.material-card .material-info .material-name[data-v-3c7d8474]{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.material-card .material-info .material-size[data-v-3c7d8474]{font-size:11px;color:var(--text-muted);margin-bottom:10px}.material-card .material-info .material-actions[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.material-card .material-info .material-actions .use-btn[data-v-3c7d8474]{-webkit-box-flex:0.8;-ms-flex:0.8;flex:0.8;background:var(--gradient-secondary)!important;border:none!important;color:#fff!important;border-radius:6px!important;height:28px!important;font-weight:500!important;-webkit-box-shadow:0 2px 10px rgba(var(--accent-rgb),.3)!important;box-shadow:0 2px 10px rgba(var(--accent-rgb),.3)!important;-webkit-transition:all .3s!important;transition:all .3s!important}.material-card .material-info .material-actions .use-btn[data-v-3c7d8474]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 15px rgba(var(--accent-rgb),.4)!important;box-shadow:0 4px 15px rgba(var(--accent-rgb),.4)!important}.material-card .material-info .material-actions .delete-btn[data-v-3c7d8474]{-webkit-box-flex:0.2;-ms-flex:0.2;flex:0.2;background:var(--bg-hover)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;border-radius:4px!important;height:28px!important;padding:0 8px!important}.template-card[data-v-3c7d8474]{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;-webkit-transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s,-webkit-box-shadow .2s}.template-card[data-v-3c7d8474]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgba(var(--accent-rgb),.15);box-shadow:0 8px 24px rgba(var(--accent-rgb),.15)}.template-card .video-info[data-v-3c7d8474]{padding:12px}.template-card .video-info .video-name[data-v-3c7d8474]{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.template-card .video-info .video-time[data-v-3c7d8474]{font-size:11px;color:var(--text-muted);margin-bottom:10px}.template-card .video-info .template-actions[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex}.template-card .video-info .template-actions .action-btn[data-v-3c7d8474]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:26px!important;padding:0 8px!important;font-size:11px!important;border-radius:4px!important;background:var(--bg-hover)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important}.template-card .video-info .template-actions .action-btn[data-v-3c7d8474]:hover{background:rgba(var(--accent-rgb),.1)!important;color:var(--text-primary)!important}.template-card .video-info .template-actions .action-btn.primary[data-v-3c7d8474]{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;background:var(--gradient-secondary)!important;border:none!important;color:#fff!important;-webkit-box-shadow:0 2px 10px rgba(var(--accent-rgb),.3)!important;box-shadow:0 2px 10px rgba(var(--accent-rgb),.3)!important;-webkit-transition:all .3s!important;transition:all .3s!important}.template-card .video-info .template-actions .action-btn.primary[data-v-3c7d8474]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 15px rgba(var(--accent-rgb),.4)!important;box-shadow:0 4px 15px rgba(var(--accent-rgb),.4)!important}.template-card .video-info .template-actions .action-btn.danger[data-v-3c7d8474]{color:#ff4d4f!important;border-color:rgba(255,77,79,.3)!important}.template-card .video-thumbnail[data-v-3c7d8474]{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}.template-card .video-thumbnail .thumbnail-img[data-v-3c7d8474]{-o-object-fit:contain;object-fit:contain}.video-thumbnail[data-v-3c7d8474]{position:relative;aspect-ratio:1.77777778;background:#0c1018;cursor:pointer;overflow:hidden}.video-thumbnail .thumbnail-img[data-v-3c7d8474],.video-thumbnail .thumbnail-video[data-v-3c7d8474]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-thumbnail:hover .play-overlay[data-v-3c7d8474]{opacity:1}.play-overlay[data-v-3c7d8474]{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.play-overlay .play-btn[data-v-3c7d8474],.play-overlay[data-v-3c7d8474]{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}.play-overlay .play-btn[data-v-3c7d8474]{width:56px;height:56px;background:var(--gradient-secondary);border-radius:50%;color:#fff;-webkit-box-shadow:0 4px 20px rgba(var(--accent-rgb),.4);box-shadow:0 4px 20px rgba(var(--accent-rgb),.4);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.play-overlay .play-btn svg[data-v-3c7d8474]{margin-left:3px}.play-overlay:hover .play-btn[data-v-3c7d8474]{-webkit-transform:scale(1.1);transform:scale(1.1)}.loading-overlay[data-v-3c7d8474]{position:absolute;inset:0;background:hsla(0,0%,100%,.5);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;z-index:10}.loading-spinner[data-v-3c7d8474]{width:32px;height:32px;border:3px solid rgba(var(--accent-rgb),.3);border-top-color:var(--accent);border-radius:50%;-webkit-animation:spin-3c7d8474 1s linear infinite;animation:spin-3c7d8474 1s linear infinite}@-webkit-keyframes spin-3c7d8474{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-3c7d8474{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.video-duration[data-v-3c7d8474]{bottom:8px}.video-duration[data-v-3c7d8474],.video-durations[data-v-3c7d8474]{position:absolute;right:8px;padding:2px 6px;background:rgba(0,0,0,.7);border-radius:4px;font-size:11px;color:#fff}.video-durations[data-v-3c7d8474]{top:8px}.status-badge[data-v-3c7d8474]{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.status-badge.generating[data-v-3c7d8474]{background:var(--gradient-primary);color:#fff}.status-badge.completed[data-v-3c7d8474]{background:#52c41a;color:#fff}.status-badge.failed[data-v-3c7d8474]{background:#ff4d4f;color:#fff}.video-info[data-v-3c7d8474]{padding:12px}.video-name[data-v-3c7d8474]{font-size:13px;color:var(--text-primary);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-btn[data-v-3c7d8474]{border:none}.action-btn[data-v-3c7d8474]:hover{background:rgba(var(--accent-rgb),.2)}.video-meta[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-time[data-v-3c7d8474]{font-size:11px;color:var(--text-muted)}.video-actions[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.action-btn[data-v-3c7d8474]{width:24px;height:24px;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:var(--bg-hover);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.action-btn[data-v-3c7d8474]:hover{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);color:var(--text-primary)}.empty-state[data-v-3c7d8474]{text-align:center;padding:60px 0}.empty-state .empty-icon[data-v-3c7d8474]{width:80px;height:80px;opacity:.5;margin-bottom:16px}.empty-state .empty-text[data-v-3c7d8474]{font-size:14px;color:var(--text-muted)}.pagination[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:24px 0}.pagination-mobile[data-v-3c7d8474],.pagination-total-mobile[data-v-3c7d8474]{display:none}.modal-video-container .modal-video[data-v-3c7d8474]{width:100%;max-height:450px;border-radius:8px;background:#000}.modal-video-container .modal-video-info[data-v-3c7d8474]{padding:16px 0}.modal-video-container .info-item[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px 0;font-size:13px}.modal-video-container .info-label[data-v-3c7d8474]{color:hsla(0,0%,100%,.6);width:80px}.modal-video-container .info-value[data-v-3c7d8474]{color:#fff}@media (max-width:1200px){.video-grid[data-v-3c7d8474]{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.video-grid[data-v-3c7d8474]{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.video-grid[data-v-3c7d8474]{grid-template-columns:1fr}.filters-bar[data-v-3c7d8474]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}@media (max-width:768px){.videos-page[data-v-3c7d8474]{width:100vw!important;max-width:100vw!important;min-height:100vh!important;padding:0!important}.page-content[data-v-3c7d8474]{padding:12px!important;max-width:100vw!important}.header-row[data-v-3c7d8474]{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important;gap:12px!important}.header-left[data-v-3c7d8474]{width:100%!important}.page-title[data-v-3c7d8474]{font-size:18px!important}.page-desc[data-v-3c7d8474]{font-size:12px!important}.header-right[data-v-3c7d8474]{width:100%!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:8px!important}.tabs[data-v-3c7d8474]{width:auto!important;overflow-x:auto!important;gap:2px!important}.tab-item[data-v-3c7d8474]{padding:6px 10px!important;font-size:12px!important;white-space:nowrap!important}.create-template-btn[data-v-3c7d8474],.refresh-btn[data-v-3c7d8474]{padding:6px 10px!important;font-size:11px!important}.filters-bar[data-v-3c7d8474]{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important;gap:8px!important;padding:8px 0!important}.filter-group[data-v-3c7d8474]{width:100%!important}.filter-group .filter-label[data-v-3c7d8474]{width:120px!important}.filter-group .ant-select[data-v-3c7d8474],.material-search-input[data-v-3c7d8474]{width:100%!important}.video-grid[data-v-3c7d8474]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.material-card .material-info[data-v-3c7d8474],.material-card .video-info[data-v-3c7d8474],.template-card .material-info[data-v-3c7d8474],.template-card .video-info[data-v-3c7d8474],.video-card .material-info[data-v-3c7d8474],.video-card .video-info[data-v-3c7d8474]{padding:8px!important}.material-card .material-name[data-v-3c7d8474],.material-card .video-name[data-v-3c7d8474],.template-card .material-name[data-v-3c7d8474],.template-card .video-name[data-v-3c7d8474],.video-card .material-name[data-v-3c7d8474],.video-card .video-name[data-v-3c7d8474]{font-size:11px!important}.video-actions[data-v-3c7d8474]{gap:4px!important}.action-btn[data-v-3c7d8474]{width:26px!important;height:26px!important}.pagination-pc[data-v-3c7d8474]{display:none!important}.pagination-mobile[data-v-3c7d8474]{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;padding:12px 0!important}.pagination-mobile[data-v-3c7d8474] .ant-pagination{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;gap:4px!important}.pagination-mobile[data-v-3c7d8474] .ant-pagination-item,.pagination-mobile[data-v-3c7d8474] .ant-pagination-next,.pagination-mobile[data-v-3c7d8474] .ant-pagination-prev{min-width:28px!important;height:28px!important;line-height:28px!important;border:none!important;background:transparent!important;margin:0 1px!important}.pagination-mobile[data-v-3c7d8474] .ant-pagination-item a,.pagination-mobile[data-v-3c7d8474] .ant-pagination-next a,.pagination-mobile[data-v-3c7d8474] .ant-pagination-prev a{color:hsla(0,0%,100%,.7)!important;border:none!important;background:transparent!important;line-height:26px!important}.pagination-mobile[data-v-3c7d8474] .ant-pagination-item-active{background:hsla(0,0%,100%,.15)!important}.pagination-mobile[data-v-3c7d8474] .ant-pagination-item-active a{color:#fff!important}.pagination-mobile[data-v-3c7d8474] .ant-pagination-disabled{opacity:.4!important}.pagination-mobile .pagination-total-mobile[data-v-3c7d8474]{display:block!important;text-align:center!important;padding:8px 0 0!important;font-size:12px!important;color:hsla(0,0%,100%,.5)!important}[data-v-3c7d8474] .create-template-modal .ant-modal,[data-v-3c7d8474] .image-preview-modal .ant-modal,[data-v-3c7d8474] .video-modal .ant-modal{max-width:100vw!important;width:100vw!important;margin:0!important;padding:0!important}[data-v-3c7d8474] .create-template-modal .ant-modal-content,[data-v-3c7d8474] .image-preview-modal .ant-modal-content,[data-v-3c7d8474] .video-modal .ant-modal-content{max-width:100vw!important;width:100vw!important;min-height:100vh!important;border-radius:0!important}.create-template-form .form-row[data-v-3c7d8474]{grid-template-columns:1fr!important;gap:12px!important}.create-template-form .form-actions[data-v-3c7d8474]{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.create-template-form .form-actions .cancel-btn[data-v-3c7d8474],.create-template-form .form-actions .save-btn[data-v-3c7d8474]{width:100%!important}}@media (max-width:480px){.page-title[data-v-3c7d8474]{font-size:16px!important}.page-desc[data-v-3c7d8474]{font-size:11px!important}.video-grid[data-v-3c7d8474]{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.material-name[data-v-3c7d8474],.video-name[data-v-3c7d8474]{font-size:10px!important}.material-size[data-v-3c7d8474],.video-time[data-v-3c7d8474]{font-size:9px!important}.material-actions[data-v-3c7d8474],.template-actions[data-v-3c7d8474]{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.material-actions[data-v-3c7d8474] .action-btn,.template-actions[data-v-3c7d8474] .action-btn{width:40%!important;margin-bottom:5px}.material-actions[data-v-3c7d8474] .action-btn.primary,.template-actions[data-v-3c7d8474] .action-btn.primary{-webkit-box-flex:0!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;background:var(--gradient-primary)!important;border:none!important;color:#fff!important}.ant-btn+.ant-btn[data-v-3c7d8474]{margin-left:0!important;margin-right:0!important}.ant-btn+.ant-btn+.ant-btn[data-v-3c7d8474]{margin-left:5px!important;margin-right:0!important}.empty-state[data-v-3c7d8474]{padding:30px 0!important}.empty-state .empty-text[data-v-3c7d8474]{font-size:12px!important}}[data-v-3c7d8474] .ant-modal-header{background:var(--bg-card)!important;border-bottom:1px solid hsla(0,0%,100%,.1)}[data-v-3c7d8474] .ant-modal-title{color:#fff!important;font-weight:600}[data-v-3c7d8474] .video-modal .ant-modal-content{background:var(--bg-card)!important;border-radius:12px}[data-v-3c7d8474] .video-modal .ant-modal-header{background:var(--bg-card)!important;border-bottom:1px solid hsla(0,0%,100%,.1)}[data-v-3c7d8474] .video-modal .ant-modal-title{color:#fff!important;font-weight:600}[data-v-3c7d8474] .video-modal .ant-modal-close{color:hsla(0,0%,100%,.6)}[data-v-3c7d8474] .video-modal .ant-modal-close:hover{color:#fff}[data-v-3c7d8474] .video-modal .ant-modal-body{background:var(--bg-card)!important;padding:20px}[data-v-3c7d8474] .video-modal .ant-modal-footer{background:var(--bg-card)!important;border-top:1px solid hsla(0,0%,100%,.1)}[data-v-3c7d8474] .image-preview-modal .ant-modal-content{background:var(--bg-card)!important;border-radius:12px}[data-v-3c7d8474] .image-preview-modal .ant-modal-header{background:var(--bg-card)!important;border-bottom:1px solid hsla(0,0%,100%,.1)}[data-v-3c7d8474] .image-preview-modal .ant-modal-title{color:#fff!important;font-weight:600}[data-v-3c7d8474] .image-preview-modal .ant-modal-close{color:hsla(0,0%,100%,.6)}[data-v-3c7d8474] .image-preview-modal .ant-modal-close:hover{color:#fff}[data-v-3c7d8474] .image-preview-modal .ant-modal-body{background:var(--bg-card)!important;padding:20px}.modal-image-container[data-v-3c7d8474]{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}.modal-image-container .modal-preview-img[data-v-3c7d8474]{max-width:100%;max-height:70vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}[data-v-3c7d8474] .delete-confirm .ant-modal-content,[data-v-3c7d8474] .delete-confirm .ant-modal-header{background:var(--bg-card)!important}[data-v-3c7d8474] .delete-confirm .ant-modal-title{color:#fff!important}[data-v-3c7d8474] .delete-confirm .ant-modal-close{color:hsla(0,0%,100%,.6)}[data-v-3c7d8474] .delete-confirm .ant-modal-body{background:var(--bg-card)!important;color:hsla(0,0%,100%,.8)}.create-template-btn[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 16px;background:var(--gradient-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;-webkit-transition:opacity .2s;transition:opacity .2s}.create-template-btn[data-v-3c7d8474]:hover{opacity:.9}.create-template-form[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:8px 0}.create-template-form .form-item .form-label[data-v-3c7d8474]{display:block;font-size:12px;font-weight:500;color:hsla(0,0%,100%,.8);margin-bottom:8px}.create-template-form .form-item .form-input[data-v-3c7d8474] .ant-input{background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.15)!important;border-radius:6px!important;color:hsla(0,0%,100%,.9)!important;padding:8px 12px;min-height:36px}.create-template-form .form-item .form-input[data-v-3c7d8474] .ant-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-input[data-v-3c7d8474] .ant-input::-moz-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-input[data-v-3c7d8474] .ant-input:-ms-input-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-input[data-v-3c7d8474] .ant-input::-ms-input-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-input[data-v-3c7d8474] .ant-input::placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-input[data-v-3c7d8474] .ant-input:focus,.create-template-form .form-item .form-input[data-v-3c7d8474] .ant-input:hover{border-color:var(--accent)!important;-webkit-box-shadow:0 0 0 2px rgba(var(--accent-rgb),.1)!important;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.1)!important}.create-template-form .form-item .form-input[data-v-3c7d8474] .ant-input-prefix{color:hsla(0,0%,100%,.5)!important;margin-right:8px}.create-template-form .form-item .form-textarea[data-v-3c7d8474] .ant-input{background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.15)!important;border-radius:6px!important;color:hsla(0,0%,100%,.9)!important;padding:8px 12px;resize:none}.create-template-form .form-item .form-textarea[data-v-3c7d8474] .ant-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-textarea[data-v-3c7d8474] .ant-input::-moz-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-textarea[data-v-3c7d8474] .ant-input:-ms-input-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-textarea[data-v-3c7d8474] .ant-input::-ms-input-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-textarea[data-v-3c7d8474] .ant-input::placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-textarea[data-v-3c7d8474] .ant-input:focus,.create-template-form .form-item .form-textarea[data-v-3c7d8474] .ant-input:hover{border-color:var(--accent)!important;-webkit-box-shadow:0 0 0 2px rgba(var(--accent-rgb),.1)!important;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.1)!important}.create-template-form .form-row[data-v-3c7d8474]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.create-template-form .form-row .form-item.half .form-label[data-v-3c7d8474]{margin-bottom:8px}.create-template-form .config-tabs[data-v-3c7d8474]{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;background:var(--bg-hover);border-radius:8px;padding:4px}.create-template-form .config-tabs.ratio-tabs[data-v-3c7d8474]{grid-template-columns:repeat(2,1fr)}.create-template-form .config-tabs .config-tab[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 4px;border-radius:6px;font-size:12px;cursor:pointer;position:relative;-webkit-transition:all .2s;transition:all .2s;color:hsla(0,0%,100%,.7);height:50px}.create-template-form .config-tabs .config-tab .tab-sub[data-v-3c7d8474]{font-size:9px;color:hsla(0,0%,100%,.4)}.create-template-form .config-tabs .config-tab[data-v-3c7d8474]:hover{background:hsla(0,0%,100%,.1)}.create-template-form .config-tabs .config-tab.active[data-v-3c7d8474]{background:#fff;color:#000}.create-template-form .config-tabs .config-tab.active .tab-sub[data-v-3c7d8474]{color:rgba(0,0,0,.5)}.create-template-form .settings-select-wrapper .full-width[data-v-3c7d8474]{width:100%}.create-template-form .settings-select-wrapper .full-width[data-v-3c7d8474] .ant-select-selection{background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.15)!important;border-radius:6px!important;color:hsla(0,0%,100%,.9)!important;min-height:36px}.create-template-form .settings-select-wrapper .full-width[data-v-3c7d8474] .ant-select-selection:hover{border-color:var(--accent)!important}.create-template-form .settings-select-wrapper .full-width[data-v-3c7d8474] .ant-select-selection__rendered{color:hsla(0,0%,100%,.9)!important;line-height:34px!important}.create-template-form .settings-select-wrapper .full-width[data-v-3c7d8474] .ant-select-arrow{color:hsla(0,0%,100%,.5)!important}.create-template-form .settings-select-wrapper[data-v-3c7d8474] .ant-select-dropdown{background:var(--bg-primary)!important;border:1px solid var(--border-light)!important}.create-template-form .settings-select-wrapper[data-v-3c7d8474] .ant-select-dropdown .ant-select-option{color:var(--text-secondary)!important;padding:8px 12px}.create-template-form .settings-select-wrapper[data-v-3c7d8474] .ant-select-dropdown .ant-select-option:hover{background:rgba(var(--accent-rgb),.2)!important}.create-template-form .settings-select-wrapper[data-v-3c7d8474] .ant-select-dropdown .ant-select-option.ant-select-option-selected{background:rgba(var(--accent-rgb),.4)!important;font-weight:500}.create-template-form .template-upload-area[data-v-3c7d8474]{position:relative;border:2px dashed hsla(0,0%,100%,.15);border-radius:8px;padding:20px;text-align:center;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;background:hsla(0,0%,100%,.02);min-height:100px;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}.create-template-form .template-upload-area.poster-upload[data-v-3c7d8474]{min-height:80px}.create-template-form .template-upload-area[data-v-3c7d8474]:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.create-template-form .template-upload-area .upload-placeholder[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.create-template-form .template-upload-area .upload-placeholder svg[data-v-3c7d8474]{width:24px;height:24px;color:hsla(0,0%,100%,.3)}.create-template-form .template-upload-area .upload-placeholder span[data-v-3c7d8474]{font-size:12px;color:hsla(0,0%,100%,.5)}.create-template-form .template-upload-area .upload-preview-img[data-v-3c7d8474]{max-width:100%;max-height:120px;-o-object-fit:contain;object-fit:contain;border-radius:4px}.create-template-form .template-upload-area .upload-delete-btn[data-v-3c7d8474]{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:#ff4d4f;color:#fff;border:none;font-size:14px;line-height:22px;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;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.create-template-form .template-upload-area .upload-delete-btn[data-v-3c7d8474]:hover{background:#ff7875}.create-template-form .template-upload-area:hover .upload-delete-btn[data-v-3c7d8474]{opacity:1}.create-template-form .form-actions[data-v-3c7d8474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.1)}.create-template-form .form-actions .cancel-btn[data-v-3c7d8474]{width:100px;height:36px!important;background:hsla(0,0%,100%,.08)!important;border:1px solid hsla(0,0%,100%,.2)!important;color:hsla(0,0%,100%,.8)!important;border-radius:6px!important}.create-template-form .form-actions .cancel-btn[data-v-3c7d8474]:hover{background:hsla(0,0%,100%,.12)!important;border-color:hsla(0,0%,100%,.3)!important}.create-template-form .form-actions .save-btn[data-v-3c7d8474]{width:100px;height:36px!important;background:var(--gradient-primary)!important;border:none!important;border-radius:6px!important;font-weight:600}.create-template-form .form-actions .save-btn[data-v-3c7d8474]:hover{opacity:.9}.pagination[data-v-3c7d8474]{padding:20px 0}[data-v-3c7d8474] .jiage .ant-input{padding-left:22px!important}.refresh-btns[data-v-3c7d8474]{height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 16px;background:var(--gradient-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;-webkit-transition:opacity .2s;transition:opacity .2s}.refresh-btns[data-v-3c7d8474]:hover{opacity:.9}.refresh-btnss[data-v-3c7d8474]{height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 16px;background-color:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:6px;cursor:pointer;font-size:13px;-webkit-transition:opacity .2s;transition:opacity .2s}.refresh-btnss[data-v-3c7d8474]:hover{opacity:.9}.ant-tooltip{max-width:1000px!important}.ant-tooltip .ant-tooltip-content .ant-tooltip-inner{background-color:#242c37!important;border-radius:8px!important;color:hsla(0,0%,100%,.85)!important;padding:8px 12px!important}.ant-tooltip-arrow{display:none!important}.ant-tooltip-arrow-content{background-color:#242c37!important}