html,body{height:100%;margin:0;padding:0}#app{height:100%;width:100%}:root{--primary-color: #4d70ff;--primary-light: #7b92ff;--primary-dark: #3352e5;--success-color: #67c23a;--warning-color: #e6a23c;--danger-color: #f56c6c;--info-color: #909399;--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #f0f2f5;--bg-hover: rgba(77, 112, 255, .08);--bg-active: rgba(77, 112, 255, .12);--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-inverse: #ffffff;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .16);--shadow-primary: 0 4px 16px rgba(77, 112, 255, .3);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--header-height: 56px;--sidebar-width: 200px;--sidebar-collapsed: 64px;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, var(--success-color) 0%, #10b981 100%);--gradient-warning: linear-gradient(135deg, var(--warning-color) 0%, #f59e0b 100%);--gradient-danger: linear-gradient(135deg, var(--danger-color) 0%, #ef4444 100%)}.dark{--bg-primary: #1e1e2e;--bg-secondary: #16161e;--bg-tertiary: #252532;--bg-hover: rgba(77, 112, 255, .15);--bg-active: rgba(77, 112, 255, .25);--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: #374151;--border-light: #2d3748;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}.sidebar-container .el-menu{background:transparent!important;border-right:none}.sidebar-container .el-sub-menu .el-menu{background:var(--bg-primary)!important;border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.dark .sidebar-container .el-sub-menu .el-menu{background:var(--bg-secondary)!important}.sidebar-container .el-menu-item,.sidebar-container .el-sub-menu__title{background:transparent;border-radius:var(--radius-sm);margin:2px 4px;color:var(--text-secondary);transition:all var(--transition-fast);height:40px;line-height:40px}.sidebar-container .el-menu-item:hover,.sidebar-container .el-sub-menu__title:hover{background:var(--bg-hover);color:var(--primary-color)}.sidebar-container .el-menu-item.is-active{background:#4d70ff1a!important;border-left:2px solid var(--primary-color);color:var(--primary-color)}.sidebar-container .el-menu-item .el-icon,.sidebar-container .el-sub-menu__title .el-icon{font-size:16px}.sidebar-container .el-sub-menu .el-menu-item{margin-left:8px;height:36px;line-height:36px}.dark .el-table{--el-table-header-text-color: var(--text-primary);--el-table-row-hover-bg-color: var(--bg-hover)}.dark .el-table__header,.dark .el-table__body{background:var(--bg-primary)}.dark .el-table th{background:var(--bg-secondary);color:var(--text-primary);border-bottom:1px solid var(--border-color)}.dark .el-table td{background:var(--bg-primary);color:var(--text-primary);border-bottom:1px solid var(--border-light)}.dark .el-table tr:hover>td{background:var(--bg-hover)}.dark .el-table--striped .el-table__body tr.el-table__row--striped td{background:var(--bg-secondary)}.dark .el-table--striped .el-table__body tr.el-table__row--striped:hover>td{background:var(--bg-hover)}.dark .el-table__inner-wrapper:before,.dark .el-table__inner-wrapper:after{background:var(--border-light)}.dark .el-card{background:var(--bg-primary);border-color:var(--border-light)}.dark .el-card__header{border-bottom-color:var(--border-light)}.dark .el-dialog{background:var(--bg-primary)}.dark .el-dialog__header{border-bottom-color:var(--border-light)}.dark .el-dialog__title,.dark .el-form-item__label{color:var(--text-primary)}.dark .el-input__inner,.dark .el-textarea__inner{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark .el-select .el-input__inner,.dark .el-select-dropdown{background:var(--bg-secondary);border-color:var(--border-color)}.dark .el-select-dropdown__item{color:var(--text-primary)}.dark .el-select-dropdown__item:hover{background:var(--bg-hover)}.dark .el-button--default{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark .el-button--default:hover{background:var(--bg-hover);border-color:var(--primary-color)}.dark .el-tag{background:var(--bg-secondary);border-color:var(--border-color)}.sidebar-container .el-sub-menu__icon-arrow{color:var(--text-secondary)}*{box-sizing:border-box;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}html,body{overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:16px!important;-webkit-appearance:none;appearance:none;border-radius:0}input:focus,textarea:focus,select:focus{font-size:16px!important}button{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gva-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:20px;transition:all var(--transition-normal)}.gva-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.gva-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.gva-card-title{font-size:18px;font-weight:600;color:var(--text-primary)}.gva-btn{padding:10px 20px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex;align-items:center;gap:6px}.gva-btn-primary{background:var(--primary-color);color:var(--text-inverse)}.gva-btn-primary:hover{background:var(--primary-light);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.gva-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.gva-btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary-color)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.fade-in{animation:fadeIn .3s ease-out}.slide-in-left{animation:slideInLeft .3s ease-out}.slide-in-right{animation:slideInRight .3s ease-out}.scale-in{animation:scaleIn .2s ease-out}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gva-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;gap:4px}.gva-tag-primary{background:#4d70ff1a;color:var(--primary-color)}.gva-tag-success{background:#67c23a1a;color:var(--success-color)}.gva-tag-warning{background:#e6a23c1a;color:var(--warning-color)}.gva-tag-danger{background:#f56c6c1a;color:var(--danger-color)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.border-light{border:1px solid var(--border-light)}.rounded-lg{border-radius:var(--radius-lg)}.shadow-md{box-shadow:var(--shadow-md)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.02)}.transition-all{transition:all var(--transition-normal)}.cos-config-container{min-height:100%;background:var(--bg-secondary);padding:24px}.cos-config-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:36px;max-width:700px;margin:0 auto}.cos-config-header{display:flex;align-items:center;margin-bottom:30px;padding-bottom:24px;border-bottom:2px solid #f0f0f0}.cos-config-icon{width:56px;height:56px;background:var(--bg-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-right:20px;box-shadow:0 4px 15px #667eea66;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cos-config-title{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:.5px}.cos-config-desc{font-size:14px;color:var(--text-secondary);margin-top:4px}.cos-form-item{margin-bottom:24px}.cos-form-item .el-form-item__label{font-weight:600;color:#374151;font-size:14px}.cos-form-item .el-input__inner{border-radius:var(--radius-sm);border-color:var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);padding:12px 16px}.cos-form-item .el-input__inner:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #409eff1a;transform:translateY(-1px)}.cos-form-item .el-select .el-input__inner{border-radius:var(--radius-sm)}.cos-form-item .el-switch{margin-top:4px}.cos-tips{font-size:12px;color:#9ca3af;margin-top:8px;display:flex;align-items:center;padding-left:4px}.cos-tips:before{content:"";width:6px;height:6px;background:#cbd5e1;border-radius:50%;margin-right:8px}.cos-btn-group{margin-top:32px;padding-top:24px;border-top:2px solid var(--border-light);display:flex;gap:16px}.cos-btn-group .el-button{padding:12px 40px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.cos-btn-group .el-button--primary{background:var(--bg-primary);border:none;box-shadow:0 4px 12px #667eea66}.cos-btn-group .el-button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.cdn-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-md);padding:20px;margin-top:20px;border-left:4px solid #f59e0b;transition:all .3s ease}.cdn-section:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.img-manager-container{min-height:100%;background:var(--bg-secondary);display:flex;flex-direction:column}.img-manager-header{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;background:var(--bg-primary);box-shadow:var(--shadow-sm)}.img-manager-title{font-size:22px;font-weight:700;color:var(--text-primary);display:flex;align-items:center}.img-manager-title .el-icon{margin-right:12px;color:var(--success-color);font-size:28px}.img-manager-main{display:flex;flex:1;padding:24px;gap:24px;overflow:hidden}.category-sidebar{width:280px;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.category-sidebar:hover{box-shadow:var(--shadow-md)}.create-cate-btn{margin:20px;border-radius:var(--radius-sm);height:44px;font-weight:600;background:var(--bg-primary);border:none;box-shadow:0 4px 12px #667eea66;transition:all .3s ease}.create-cate-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #667eea80}.category-list{flex:1;overflow-y:auto;padding:0 12px}.category-item{display:flex;align-items:center;padding:14px 16px;margin-bottom:6px;border-radius:var(--radius-sm);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:#4b5563;border:1px solid transparent}.category-item:hover{background:var(--bg-hover);border-color:var(--border-color)}.category-item.active{background:#4d70ff1a;color:var(--primary-color);border-color:var(--primary-color)}.category-item.active .el-icon{color:var(--primary-color)!important}.category-name{flex:1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px}.delete-cate-btn{opacity:0;transition:all .25s ease;color:var(--danger-color)}.category-item:hover .delete-cate-btn{opacity:1}.picture-content{flex:1;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.upload-btn-wrapper{display:flex;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid var(--border-light)}.upload-btn{border-radius:var(--radius-sm);font-weight:600;padding:10px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 12px #10b98166}.upload-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b98180}.empty-tip{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.picture-wall{flex:1;display:flex;flex-wrap:wrap;padding:20px;gap:20px;overflow-y:auto}.pic-thumb{width:calc(20% - 16px);aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;position:relative;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .35s cubic-bezier(.4,0,.2,1)}.pic-thumb:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg)}.pic-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.pic-thumb:hover .pic-img{transform:scale(1.1)}.delete-mask{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:32px;opacity:0;transition:opacity .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pic-thumb:hover .delete-mask{opacity:1}.delete-mask:hover{background:#f56c6ce6}.pagination-wrapper{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;background:var(--bg-secondary)}.upload-dialog .el-dialog__body{padding:24px}.file-uploader{margin-bottom:20px}.file-uploader .el-upload--picture-card{width:100%;height:140px;border-radius:var(--radius-md);border:2px dashed var(--border-color);transition:all .3s ease;background:var(--bg-secondary)}.file-uploader .el-upload--picture-card:hover{border-color:var(--primary-color);background:#4d70ff1a}.file-uploader .el-upload-list--picture-card .el-upload-list__item{width:calc(33.33% - 10px);margin-right:15px;margin-bottom:15px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.video-manager-container{min-height:100%;background:var(--bg-secondary);display:flex;flex-direction:column}.video-manager-header{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;background:var(--bg-primary);box-shadow:var(--shadow-sm)}.video-manager-title{font-size:22px;font-weight:700;color:var(--text-primary);display:flex;align-items:center}.video-manager-title .el-icon{margin-right:12px;color:var(--warning-color);font-size:28px}.video-manager-main{display:flex;flex:1;padding:24px;gap:24px;overflow:hidden}.video-content{flex:1;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.video-wall{flex:1;display:flex;flex-wrap:wrap;padding:20px;gap:20px;overflow-y:auto}.video-thumb{width:calc(25% - 15px);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-primary);box-shadow:var(--shadow-sm);transition:all .35s cubic-bezier(.4,0,.2,1)}.video-thumb:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.video-poster{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}.video-poster img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.video-thumb:hover .video-poster img{transform:scale(1.05)}.video-overlay .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:#0009!important;border-color:#ffffff4d!important;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-overlay .play-btn:hover{background:#f5a623f2!important;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 8px 24px #f5a62366}.video-info{padding:14px}.video-name{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.video-meta{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:10px}.video-duration{background:var(--bg-secondary);padding:3px 8px;border-radius:4px;font-weight:500;color:var(--text-primary)}.video-actions{display:flex;gap:10px;margin-top:10px}.video-actions .el-button{flex:1;padding:6px;border-radius:6px;font-size:12px;font-weight:500;transition:all .2s ease}.video-actions .el-button:hover{transform:translateY(-1px)}.page-header{display:flex;align-items:center;margin-bottom:24px}.page-header .el-icon{margin-right:12px}.biaoti{font-size:20px;font-weight:700;color:var(--text-primary)}.rongqi{padding:24px}.cos-upload-progress{margin:20px 0}.progress-tip{font-size:12px;color:#9ca3af;margin-top:10px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.header-stats{display:flex;gap:16px}.header-stats .el-tag{padding:6px 16px;border-radius:20px;font-weight:500}.empty-tip .el-empty{--el-empty-padding: 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.img-manager-main,.video-manager-main{animation:fadeIn .3s ease}.category-item{animation:slideIn .2s ease backwards}.category-item:nth-child(1){animation-delay:.05s}.category-item:nth-child(2){animation-delay:.1s}.category-item:nth-child(3){animation-delay:.15s}.category-item:nth-child(4){animation-delay:.2s}.category-item:nth-child(5){animation-delay:.25s}@media(max-width:1200px){.pic-thumb{width:calc(25% - 15px)}.video-thumb{width:calc(33.33% - 13px)}}@media(max-width:992px){.pic-thumb{width:calc(33.33% - 13px)}.video-thumb{width:calc(50% - 10px)}.category-sidebar{width:240px}}@media(max-width:768px){.pic-thumb{width:calc(50% - 10px)}.video-thumb{width:100%}.img-manager-main,.video-manager-main{flex-direction:column}.category-sidebar{width:100%;max-height:200px}.cos-config-card{padding:20px}}