.category-management[data-v-73a5f335]{padding:24px;background:#f5f7fa;min-height:calc(100vh - 84px)}.page-header[data-v-73a5f335]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 4px 20px rgba(102,126,234,.3)}.header-left[data-v-73a5f335]{flex:1}.header-title[data-v-73a5f335]{display:flex;align-items:center;margin-bottom:8px}.header-icon[data-v-73a5f335]{font-size:28px;margin-right:12px}.header-title h2[data-v-73a5f335]{margin:0;font-size:24px;font-weight:600}.header-subtitle[data-v-73a5f335]{margin:0;opacity:.9;font-size:14px}.header-actions[data-v-73a5f335]{display:flex;align-items:center}.create-btn[data-v-73a5f335]{padding:12px 24px;font-size:14px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.create-btn[data-v-73a5f335]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.stats-cards[data-v-73a5f335]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.stat-card[data-v-73a5f335]{background:#fff;padding:24px;border-radius:12px;display:flex;align-items:center;box-shadow:0 2px 12px rgba(0,0,0,.1);transition:all .3s ease;border-left:4px solid #409eff}.stat-card[data-v-73a5f335]:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.stat-card[data-v-73a5f335]:nth-child(2){border-left-color:#67c23a}.stat-card[data-v-73a5f335]:nth-child(3){border-left-color:#e6a23c}.stat-icon[data-v-73a5f335]{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;background:#409eff;color:#fff;font-size:20px}.stat-icon.active[data-v-73a5f335]{background:#67c23a}.stat-icon.template[data-v-73a5f335]{background:#e6a23c}.stat-content[data-v-73a5f335]{flex:1}.stat-number[data-v-73a5f335]{font-size:28px;font-weight:700;color:#303133;margin-bottom:4px}.stat-label[data-v-73a5f335]{color:#909399;font-size:14px}.category-list-card[data-v-73a5f335]{border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.1)}.card-header[data-v-73a5f335]{display:flex;justify-content:space-between;align-items:center;padding:0}.card-title[data-v-73a5f335]{display:flex;align-items:center;font-size:16px;font-weight:600;color:#303133}.card-title i[data-v-73a5f335]{margin-right:8px;color:#409eff}.card-actions[data-v-73a5f335]{display:flex;gap:8px}.refresh-btn[data-v-73a5f335]{border-radius:6px;transition:all .3s ease}.refresh-btn[data-v-73a5f335]:hover{background:#409eff;color:#fff;border-color:#409eff}.category-table[data-v-73a5f335]{border-radius:8px;overflow:hidden}.category-table .el-table__row[data-v-73a5f335]:hover{background-color:#f8f9ff}.sort-tag[data-v-73a5f335]{font-weight:700}.code-tag[data-v-73a5f335]{font-family:Courier New,monospace;font-weight:500}.category-name[data-v-73a5f335]{display:flex;align-items:center}.category-icon[data-v-73a5f335]{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-right:12px;background:linear-gradient(45deg,#409eff,#67c23a);color:#fff;font-size:14px}.category-title[data-v-73a5f335]{font-weight:500;color:#303133}.description-text[data-v-73a5f335]{color:#606266;line-height:1.4}.template-count-btn[data-v-73a5f335]{padding:0}.template-badge[data-v-73a5f335]{cursor:pointer}.time-info[data-v-73a5f335]{display:flex;align-items:center;color:#909399;font-size:12px}.time-info i[data-v-73a5f335]{margin-right:4px}.action-buttons[data-v-73a5f335]{display:flex;gap:8px}.action-buttons .el-button[data-v-73a5f335]{transition:all .3s ease}.action-buttons .el-button[data-v-73a5f335]:hover{transform:scale(1.1)}.category-dialog .el-dialog[data-v-73a5f335]{border-radius:12px;overflow:hidden}.category-dialog .el-dialog__header[data-v-73a5f335]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px}.category-dialog .el-dialog__title[data-v-73a5f335]{color:#fff;font-weight:600}.dialog-content[data-v-73a5f335]{padding:24px}.category-form .el-form-item[data-v-73a5f335]{margin-bottom:24px}.form-tip[data-v-73a5f335]{font-size:12px;color:#909399;margin-top:4px;line-height:1.4}.icon-select[data-v-73a5f335]{width:100%}.icon-option[data-v-73a5f335]{display:flex;align-items:center}.option-icon[data-v-73a5f335]{margin-right:8px;width:16px;text-align:center}.sort-input[data-v-73a5f335]{width:100%}.dialog-footer[data-v-73a5f335]{padding:16px 24px;border-top:1px solid #ebeef5;text-align:right}.stats-dialog .el-dialog[data-v-73a5f335]{border-radius:12px}.stats-content[data-v-73a5f335]{padding:0}.stats-overview[data-v-73a5f335]{margin-bottom:24px}.stats-overview .stat-item[data-v-73a5f335]{background:#fff;padding:20px;border-radius:8px;display:flex;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.stats-overview .stat-item[data-v-73a5f335]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.stats-overview .stat-item.primary[data-v-73a5f335]{border-left:4px solid #409eff}.stats-overview .stat-item.success[data-v-73a5f335]{border-left:4px solid #67c23a}.stats-overview .stat-item.warning[data-v-73a5f335]{border-left:4px solid #e6a23c}.stats-overview .stat-item.info[data-v-73a5f335]{border-left:4px solid #909399}.stats-overview .stat-icon[data-v-73a5f335]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;color:#fff;font-size:16px}.stats-overview .stat-item.primary .stat-icon[data-v-73a5f335]{background:#409eff}.stats-overview .stat-item.success .stat-icon[data-v-73a5f335]{background:#67c23a}.stats-overview .stat-item.warning .stat-icon[data-v-73a5f335]{background:#e6a23c}.stats-overview .stat-item.info .stat-icon[data-v-73a5f335]{background:#909399}.stats-overview .stat-info[data-v-73a5f335]{flex:1}.stats-overview .stat-number[data-v-73a5f335]{font-size:24px;font-weight:700;color:#303133;margin-bottom:4px}.stats-overview .stat-label[data-v-73a5f335]{color:#909399;font-size:14px}.ranking-table[data-v-73a5f335]{border-radius:8px;overflow:hidden}.template-name[data-v-73a5f335]{display:flex;align-items:center}.template-name i[data-v-73a5f335]{margin-right:8px;color:#409eff}@media (max-width:768px){.category-management[data-v-73a5f335]{padding:16px}.page-header[data-v-73a5f335]{flex-direction:column;align-items:stretch;text-align:center}.header-actions[data-v-73a5f335]{margin-top:16px;justify-content:center}.stats-cards[data-v-73a5f335]{grid-template-columns:1fr}.action-buttons[data-v-73a5f335]{flex-direction:column;gap:4px}.category-dialog[data-v-73a5f335],.stats-dialog[data-v-73a5f335]{width:95%!important}}@keyframes fadeInUp-73a5f335{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-management>[data-v-73a5f335]{animation:fadeInUp-73a5f335 .6s ease-out}.category-management>[data-v-73a5f335]:nth-child(2){animation-delay:.1s}.category-management>[data-v-73a5f335]:nth-child(3){animation-delay:.2s}.el-loading-mask[data-v-73a5f335]{border-radius:12px}[data-v-73a5f335]::-webkit-scrollbar{width:6px;height:6px}[data-v-73a5f335]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}[data-v-73a5f335]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}[data-v-73a5f335]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}