.service-type-container[data-v-3c784903]{padding:20px;background-color:#f5f5f5;min-height:calc(100vh - 110px)}.page-header[data-v-3c784903]{display:flex;justify-content:center;align-items:center;margin-bottom:24px;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 4px 20px rgba(102,126,234,.4)}.header-content[data-v-3c784903]{text-align:center}.header-content h2.page-title[data-v-3c784903]{margin:0 0 6px 0;font-size:32px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px}.page-subtitle[data-v-3c784903]{font-size:14px;opacity:.9;margin:0;text-align:center}.refresh-btn[data-v-3c784903]{color:#fff!important;border-color:hsla(0,0%,100%,.3)!important;background:hsla(0,0%,100%,.1)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.refresh-btn[data-v-3c784903]:hover{background:hsla(0,0%,100%,.2)!important;transform:translateY(-1px)}.stats-section[data-v-3c784903]{margin-bottom:24px}.stat-card[data-v-3c784903]{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid #f0f0f0}.stat-card[data-v-3c784903]:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.stat-icon[data-v-3c784903]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px;font-size:24px;color:#fff}.total-icon[data-v-3c784903]{background:linear-gradient(135deg,#667eea,#764ba2)}.active-icon[data-v-3c784903]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.usage-icon[data-v-3c784903]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content[data-v-3c784903]{flex:1}.stat-number[data-v-3c784903]{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:4px}.stat-label[data-v-3c784903]{font-size:14px;color:#7f8c8d;margin-bottom:8px}.stat-change[data-v-3c784903]{font-size:12px;display:flex;align-items:center;gap:4px}.stat-change.positive[data-v-3c784903]{color:#27ae60}.stat-change.negative[data-v-3c784903]{color:#f56c6c}.stat-change.neutral[data-v-3c784903]{color:#909399}.search-card[data-v-3c784903],.table-card[data-v-3c784903]{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:24px;border:1px solid #f0f0f0}.card-header[data-v-3c784903]{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0}.header-left[data-v-3c784903]{flex:1}.card-title[data-v-3c784903]{font-size:18px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px;margin-bottom:6px}.card-subtitle[data-v-3c784903]{font-size:13px;color:#7f8c8d;line-height:1.4}.header-actions[data-v-3c784903]{display:flex;align-items:center;gap:12px}.action-group[data-v-3c784903]{border-radius:6px;overflow:hidden}.action-group .el-button[data-v-3c784903]{margin:0;border-radius:0;background:#f8f9fa;border-color:#e9ecef;color:#495057;transition:all .3s ease}.action-group .el-button[data-v-3c784903]:hover{background:#e9ecef;color:#495057;transform:translateY(-1px)}.primary-action[data-v-3c784903]{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;padding:10px 20px!important;border-radius:8px!important;font-weight:500!important;transition:all .3s ease!important;box-shadow:0 2px 8px rgba(102,126,234,.3)!important}.primary-action[data-v-3c784903]:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(102,126,234,.4)!important}.export-btn[data-v-3c784903]{background:#28a745!important;border-color:#28a745!important;color:#fff!important;padding:8px 16px!important;border-radius:6px!important;font-weight:500!important;transition:all .3s ease!important}.export-btn[data-v-3c784903]:hover{background:#218838!important;border-color:#218838!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px rgba(40,167,69,.3)!important}.search-section[data-v-3c784903]{padding:20px 0 16px 0}.search-form[data-v-3c784903]{margin:0}.search-row[data-v-3c784903]{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;margin-bottom:0}.search-item-main[data-v-3c784903]{flex:1;min-width:300px;margin-bottom:0!important}.search-actions-item[data-v-3c784903],.search-item[data-v-3c784903]{margin-bottom:0!important;flex-shrink:0}.search-input[data-v-3c784903]{width:100%!important}.search-input .el-input__inner[data-v-3c784903]{border-radius:8px;border:2px solid #e8e8e8;padding:12px 16px;font-size:14px;height:40px;transition:all .3s ease}.search-input .el-input__inner[data-v-3c784903]:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-select[data-v-3c784903]{width:160px!important}.search-select .el-input__inner[data-v-3c784903]{height:40px;line-height:40px;border-radius:8px;border:2px solid #e8e8e8;transition:all .3s ease}.search-select .el-input__inner[data-v-3c784903]:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-actions[data-v-3c784903]{display:flex;align-items:center;gap:12px}.search-btn[data-v-3c784903]{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;padding:10px 24px!important;border-radius:8px!important;font-weight:500!important;height:40px!important;transition:all .3s ease!important}.search-btn[data-v-3c784903]:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(102,126,234,.3)!important}.reset-btn[data-v-3c784903]{background:#f8f9fa!important;border:1px solid #e9ecef!important;color:#6c757d!important;padding:10px 16px!important;border-radius:8px!important;height:40px!important;transition:all .3s ease!important}.reset-btn[data-v-3c784903]:hover{background:#e9ecef!important;color:#495057!important;transform:translateY(-1px)!important}.toggle-btn[data-v-3c784903]{color:#667eea!important;font-weight:500!important;padding:8px 12px!important;border-radius:6px!important;height:40px!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;gap:4px!important}.toggle-btn[data-v-3c784903]:hover{background:rgba(102,126,234,.1)!important;color:#667eea!important}.slide-fade-enter-active[data-v-3c784903],.slide-fade-leave-active[data-v-3c784903]{transition:all .3s ease}.slide-fade-enter[data-v-3c784903],.slide-fade-leave-to[data-v-3c784903]{transform:translateY(-10px);opacity:0}.advanced-search[data-v-3c784903]{margin-top:20px;padding:24px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.06)}.advanced-search .el-divider[data-v-3c784903]{margin:0 0 24px 0}.advanced-search .el-divider__text[data-v-3c784903]{background:linear-gradient(135deg,#f8f9fa,#fff);color:#495057;font-weight:600;padding:0 16px;font-size:14px}.advanced-content[data-v-3c784903]{display:flex;flex-direction:column;gap:20px}.advanced-row[data-v-3c784903]{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.advanced-item[data-v-3c784903]{margin-bottom:0!important;flex:1;min-width:200px}.advanced-item .el-form-item__label[data-v-3c784903]{color:#495057;font-weight:500;font-size:13px}.date-picker[data-v-3c784903]{width:100%!important}.date-picker .el-input__inner[data-v-3c784903]{height:36px;border-radius:6px;border:1px solid #dcdfe6;transition:all .3s ease}.date-picker .el-input__inner[data-v-3c784903]:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.sort-select[data-v-3c784903],.usage-select[data-v-3c784903]{width:100%!important}.sort-select .el-input__inner[data-v-3c784903],.usage-select .el-input__inner[data-v-3c784903]{height:36px;border-radius:6px;border:1px solid #dcdfe6;transition:all .3s ease}.sort-select .el-input__inner[data-v-3c784903]:focus,.usage-select .el-input__inner[data-v-3c784903]:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.sort-order[data-v-3c784903]{width:100%}.sort-order .el-radio-button__inner[data-v-3c784903]{border-radius:6px;padding:8px 16px;font-size:13px;border:1px solid #dcdfe6;transition:all .3s ease}.sort-order .el-radio-button__orig-radio:checked+.el-radio-button__inner[data-v-3c784903]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 2px 4px rgba(102,126,234,.3)}.feature-checkboxes[data-v-3c784903]{display:flex;flex-wrap:wrap;gap:12px;width:100%}.feature-checkboxes .el-checkbox[data-v-3c784903]{margin:0;flex:1;min-width:80px}.feature-checkboxes .el-checkbox__label[data-v-3c784903]{font-size:13px;color:#495057}.feature-checkboxes .el-checkbox__input.is-checked .el-checkbox__inner[data-v-3c784903]{background-color:#667eea;border-color:#667eea}.advanced-actions[data-v-3c784903]{display:flex;gap:12px;align-items:flex-end;justify-content:flex-end;flex-shrink:0;min-width:200px}.advanced-actions .el-button[data-v-3c784903]{border-radius:6px;padding:8px 16px;font-size:13px;transition:all .3s ease}.advanced-actions .el-button--primary[data-v-3c784903]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.advanced-actions .el-button--primary[data-v-3c784903]:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(102,126,234,.3)}.advanced-actions .el-button[data-v-3c784903]:not(.el-button--primary){background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d}.advanced-actions .el-button[data-v-3c784903]:not(.el-button--primary):hover{background:#e9ecef;color:#495057;transform:translateY(-1px)}.modern-table[data-v-3c784903]{border-radius:8px;overflow:hidden}.modern-table .el-table__header[data-v-3c784903]{background-color:#fafbfc}.modern-table .el-table__header th[data-v-3c784903]{background-color:#fafbfc!important;color:#2c3e50;font-weight:600;border-bottom:2px solid #e8e8e8;padding:16px 0}.modern-table .el-table__body td[data-v-3c784903]{padding:16px 0;border-bottom:1px solid #f5f5f5}.modern-table .el-table__row[data-v-3c784903]:hover{background-color:#f8f9ff!important}.type-info[data-v-3c784903]{padding:8px 0}.type-header[data-v-3c784903]{display:flex;align-items:center;gap:12px}.type-icon[data-v-3c784903]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.type-details[data-v-3c784903]{flex:1;min-width:0}.type-title[data-v-3c784903]{font-weight:600;color:#2c3e50;margin-bottom:4px;font-size:16px}.type-desc[data-v-3c784903]{font-size:13px;color:#7f8c8d;margin-bottom:6px;line-height:1.4;max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.type-features[data-v-3c784903]{margin-top:4px}.time-info[data-v-3c784903]{font-size:13px;color:#7f8c8d;display:flex;align-items:center;gap:4px}.action-buttons[data-v-3c784903]{display:flex;flex-direction:column;gap:4px;align-items:center}.edit-btn[data-v-3c784903]{color:#409eff!important}.delete-btn[data-v-3c784903]{color:#f56c6c!important}.delete-btn[data-v-3c784903]:hover,.edit-btn[data-v-3c784903]:hover{background-color:rgba(64,158,255,.1)!important}.pagination-wrapper[data-v-3c784903]{display:flex;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.edit-dialog .el-dialog__body[data-v-3c784903]{padding:20px}.form-tip[data-v-3c784903]{font-size:12px;color:#7f8c8d;margin-top:8px;display:flex;align-items:center;gap:4px}.form-tip i[data-v-3c784903]{color:#409eff}.image-viewer[data-v-3c784903]{text-align:center}.image-viewer .el-image[data-v-3c784903]{max-width:100%;max-height:60vh}.table-actions[data-v-3c784903]{display:flex;gap:8px}.table-actions .el-button[data-v-3c784903]{padding:8px 16px;border-radius:6px}@media (max-width:768px){.service-type-container[data-v-3c784903]{padding:16px}.page-header[data-v-3c784903]{flex-direction:column;text-align:center;gap:16px}.stats-section .el-col[data-v-3c784903]{margin-bottom:16px}.card-header[data-v-3c784903]{flex-direction:column;align-items:stretch;gap:12px}.header-actions[data-v-3c784903]{flex-direction:column;gap:8px}.action-group[data-v-3c784903]{width:100%;display:flex}.action-group .el-button[data-v-3c784903]{flex:1}.primary-action[data-v-3c784903]{width:100%!important;justify-content:center!important}.search-row[data-v-3c784903]{flex-direction:column;gap:16px}.search-item-main[data-v-3c784903]{min-width:unset;width:100%}.search-item .el-form-item__content[data-v-3c784903],.search-item[data-v-3c784903]{width:100%}.search-item .el-input[data-v-3c784903],.search-item .el-select[data-v-3c784903]{width:100%!important}.search-actions[data-v-3c784903]{flex-direction:column;gap:8px}.reset-btn[data-v-3c784903],.search-btn[data-v-3c784903]{width:100%!important;justify-content:center!important}.advanced-row[data-v-3c784903]{flex-direction:column;gap:16px}.advanced-item .el-form-item__content[data-v-3c784903],.advanced-item[data-v-3c784903]{width:100%}.advanced-item .el-date-picker[data-v-3c784903],.advanced-item .el-radio-group[data-v-3c784903],.advanced-item .el-select[data-v-3c784903]{width:100%!important}.action-buttons[data-v-3c784903]{flex-direction:row;gap:8px}.type-header[data-v-3c784903]{flex-direction:column;align-items:flex-start;gap:8px}.table-actions[data-v-3c784903]{flex-direction:column;gap:4px}.pagination-wrapper[data-v-3c784903]{justify-content:center}.pagination-wrapper .el-pagination[data-v-3c784903]{text-align:center}}@media (max-width:480px){.search-card[data-v-3c784903],.table-card[data-v-3c784903]{margin:0 -8px 16px -8px;border-radius:8px}.search-section[data-v-3c784903]{padding:16px 0 12px 0}.advanced-search[data-v-3c784903]{padding:16px;margin-top:16px}.stat-card[data-v-3c784903]{padding:16px}.stat-number[data-v-3c784903]{font-size:24px}.card-title[data-v-3c784903]{font-size:16px}.type-title[data-v-3c784903]{font-size:15px}}