.api-list-container[data-v-e8a3f9db]{max-width:1200px;margin:0 auto;padding:20px}h2[data-v-e8a3f9db]{color:#333;margin-bottom:20px;font-size:24px;font-weight:600}.search-section[data-v-e8a3f9db]{display:flex;gap:10px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.search-input[data-v-e8a3f9db]{flex:1;min-width:200px;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.search-input[data-v-e8a3f9db]:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.search-button[data-v-e8a3f9db],.add-button[data-v-e8a3f9db]{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.search-button[data-v-e8a3f9db]{background-color:#f0f0f0;color:#333}.search-button[data-v-e8a3f9db]:hover{background-color:#e0e0e0;transform:translateY(-1px)}.add-button[data-v-e8a3f9db]{background-color:#4caf50;color:#fff}.add-button[data-v-e8a3f9db]:hover{background-color:#45a049;transform:translateY(-1px)}.add-button.small[data-v-e8a3f9db]{padding:8px 12px;font-size:13px}.api-table[data-v-e8a3f9db]{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.api-table th[data-v-e8a3f9db],.api-table td[data-v-e8a3f9db]{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.api-table th[data-v-e8a3f9db]{background-color:#f8f9fa;font-weight:600;color:#555;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.api-table tbody tr[data-v-e8a3f9db]{transition:background-color .2s ease}.api-table tbody tr[data-v-e8a3f9db]:hover{background-color:#f8f9fa}.actions[data-v-e8a3f9db]{display:flex;gap:8px}.edit-button[data-v-e8a3f9db],.delete-button[data-v-e8a3f9db]{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.edit-button[data-v-e8a3f9db]{background-color:#2196f3;color:#fff}.edit-button[data-v-e8a3f9db]:hover{background-color:#0b7dda;transform:translateY(-1px)}.delete-button[data-v-e8a3f9db]{background-color:#f44336;color:#fff}.delete-button[data-v-e8a3f9db]:hover{background-color:#da190b;transform:translateY(-1px)}.loading[data-v-e8a3f9db]{padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.spinner[data-v-e8a3f9db]{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin-e8a3f9db 1s linear infinite}@keyframes spin-e8a3f9db{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-e8a3f9db]{padding:15px 20px;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:6px;color:#c62828;display:flex;align-items:center;gap:10px;margin-bottom:20px}.error-icon[data-v-e8a3f9db]{font-size:18px}.close-error[data-v-e8a3f9db]{margin-left:auto;background:none;border:none;font-size:18px;cursor:pointer;color:#888;padding:4px 8px;border-radius:50%;transition:background-color .2s}.close-error[data-v-e8a3f9db]:hover{background-color:#0000000d}.empty-state[data-v-e8a3f9db]{padding:60px 20px;text-align:center;color:#666}.empty-icon[data-v-e8a3f9db]{font-size:48px;margin-bottom:16px}.empty-state p[data-v-e8a3f9db]{margin-bottom:16px;font-size:16px}.mock-toggle[data-v-e8a3f9db]{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:14px;padding:6px 10px;border-radius:4px;transition:background-color .2s}.mock-toggle[data-v-e8a3f9db]:hover{background-color:#0000000d}.mock-toggle input[type=checkbox][data-v-e8a3f9db]{cursor:pointer}.modal-overlay[data-v-e8a3f9db]{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-e8a3f9db .2s ease}@keyframes fadeIn-e8a3f9db{0%{opacity:0}to{opacity:1}}.modal-content[data-v-e8a3f9db]{background-color:#fff;padding:24px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026;animation:slideUp-e8a3f9db .3s ease}@keyframes slideUp-e8a3f9db{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h3[data-v-e8a3f9db]{margin-bottom:20px;color:#333;font-size:18px}.form-group[data-v-e8a3f9db]{margin-bottom:16px}.form-group label[data-v-e8a3f9db]{display:block;margin-bottom:6px;font-weight:500;color:#555}.form-group input[data-v-e8a3f9db],.form-group textarea[data-v-e8a3f9db]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-group input[data-v-e8a3f9db]:focus,.form-group textarea[data-v-e8a3f9db]:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.form-group input[data-v-e8a3f9db]:disabled{background-color:#f5f5f5;color:#999}.modal-actions[data-v-e8a3f9db]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.submit-button[data-v-e8a3f9db],.cancel-button[data-v-e8a3f9db]{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.submit-button[data-v-e8a3f9db]{background-color:#4caf50;color:#fff}.submit-button[data-v-e8a3f9db]:hover{background-color:#45a049;transform:translateY(-1px)}.cancel-button[data-v-e8a3f9db]{background-color:#f0f0f0;color:#333}.cancel-button[data-v-e8a3f9db]:hover{background-color:#e0e0e0;transform:translateY(-1px)}.message-toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:6px;color:#fff;font-size:14px;font-weight:500;z-index:2000;animation:slideIn-e8a3f9db .3s ease;box-shadow:0 4px 12px #00000026}.message-toast.success{background-color:#4caf50}.message-toast.error{background-color:#f44336}.message-toast.fade-out{animation:fadeOut-e8a3f9db .3s ease}@keyframes slideIn-e8a3f9db{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut-e8a3f9db{0%{opacity:1}to{opacity:0}}@media(max-width:768px){.api-list-container[data-v-e8a3f9db]{padding:15px}.search-section[data-v-e8a3f9db]{flex-direction:column;align-items:stretch}.search-input[data-v-e8a3f9db]{width:100%}.api-table[data-v-e8a3f9db]{font-size:13px}.api-table th[data-v-e8a3f9db],.api-table td[data-v-e8a3f9db]{padding:8px 12px}.actions[data-v-e8a3f9db]{flex-direction:column;gap:4px}.modal-content[data-v-e8a3f9db]{margin:20px;width:auto}}.activation-code-container[data-v-8542b8ed]{background:#fffffff2;border-radius:8px;padding:24px;box-shadow:0 2px 12px #0000001a}h2[data-v-8542b8ed]{color:#1890ff;margin-bottom:24px;font-size:20px;font-weight:600}h3[data-v-8542b8ed]{color:#333;margin-bottom:16px;font-size:16px;font-weight:500}.message[data-v-8542b8ed]{padding:12px 16px;margin-bottom:16px;border-radius:4px;font-size:14px;transition:all .3s}.message.success[data-v-8542b8ed]{background-color:#f6ffed;border:1px solid #b7eb8f;color:#389e0d}.message.error[data-v-8542b8ed]{background-color:#fff2f0;border:1px solid #ffccc7;color:#cf1322}.message.info[data-v-8542b8ed]{background-color:#e6f7ff;border:1px solid #91d5ff;color:#0958d9}.section[data-v-8542b8ed]{background:#fafafa;border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid #f0f0f0}.form-group[data-v-8542b8ed]{margin-bottom:16px}label[data-v-8542b8ed]{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}input[type=text][data-v-8542b8ed],input[type=number][data-v-8542b8ed],input[type=date][data-v-8542b8ed]{width:100%;max-width:400px;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;transition:all .3s}input[type=text][data-v-8542b8ed]:focus,input[type=number][data-v-8542b8ed]:focus,input[type=date][data-v-8542b8ed]:focus{border-color:#40a9ff;outline:none;box-shadow:0 0 0 2px #1890ff33}.btn[data-v-8542b8ed]{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;margin-right:12px}.btn[data-v-8542b8ed]:disabled{cursor:not-allowed;opacity:.6}.btn-primary[data-v-8542b8ed]{background-color:#1890ff;color:#fff}.btn-primary[data-v-8542b8ed]:hover:not(:disabled){background-color:#40a9ff}.btn-secondary[data-v-8542b8ed]{background-color:#52c41a;color:#fff}.btn-secondary[data-v-8542b8ed]:hover:not(:disabled){background-color:#73d13d}.decode-result[data-v-8542b8ed]{margin-top:20px;padding:16px;background:#fff;border-radius:6px;border:1px solid #d9d9d9}.decode-result h4[data-v-8542b8ed]{margin-bottom:12px;color:#333;font-size:14px;font-weight:600}.result-grid[data-v-8542b8ed]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.result-item[data-v-8542b8ed]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.result-item[data-v-8542b8ed]:last-child{border-bottom:none}.result-label[data-v-8542b8ed]{color:#666;font-size:13px}.result-value[data-v-8542b8ed]{color:#333;font-weight:500;font-size:13px}.status-active[data-v-8542b8ed]{color:#52c41a}.status-inactive[data-v-8542b8ed]{color:#cf1322}@media(max-width:768px){.activation-code-container[data-v-8542b8ed]{padding:16px}.result-grid[data-v-8542b8ed]{grid-template-columns:1fr}input[type=text][data-v-8542b8ed],input[type=number][data-v-8542b8ed],input[type=date][data-v-8542b8ed]{max-width:100%}}.activation-code-query[data-v-bc90ae9a]{padding:20px;background-color:#f5f7fa;min-height:100vh}.header-section[data-v-bc90ae9a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2[data-v-bc90ae9a]{margin:0;color:#303133;font-size:24px}.create-btn[data-v-bc90ae9a]{background-color:#67c23a;color:#fff}.filter-section[data-v-bc90ae9a]{background-color:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 12px #0000001a}.filter-row[data-v-bc90ae9a]{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.filter-row[data-v-bc90ae9a]:last-child{margin-bottom:0}.filter-item[data-v-bc90ae9a]{display:flex;align-items:center;gap:10px}.filter-item label[data-v-bc90ae9a]{font-weight:500;color:#606266;white-space:nowrap}.filter-input[data-v-bc90ae9a],.filter-select[data-v-bc90ae9a]{padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;transition:border-color .3s}.filter-input[data-v-bc90ae9a]{min-width:200px}.filter-select[data-v-bc90ae9a]{min-width:120px}.filter-input[data-v-bc90ae9a]:focus,.filter-select[data-v-bc90ae9a]:focus{outline:none;border-color:#409eff}.filter-actions[data-v-bc90ae9a]{display:flex;gap:10px;margin-left:auto}.btn[data-v-bc90ae9a]{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;min-width:60px}.search-btn[data-v-bc90ae9a]{background-color:#409eff;color:#fff}.search-btn[data-v-bc90ae9a]:hover{background-color:#66b1ff}.reset-btn[data-v-bc90ae9a]{background-color:#fff;color:#606266;border:1px solid #dcdfe6}.reset-btn[data-v-bc90ae9a]:hover{color:#409eff;border-color:#409eff}.view-btn[data-v-bc90ae9a]{background-color:#409eff;color:#fff;margin-right:5px}.view-btn[data-v-bc90ae9a]:hover{background-color:#66b1ff}.delete-btn[data-v-bc90ae9a]{background-color:#f56c6c;color:#fff}.delete-btn[data-v-bc90ae9a]:hover{background-color:#f78989}.confirm-btn[data-v-bc90ae9a]{background-color:#409eff;color:#fff}.confirm-btn[data-v-bc90ae9a]:hover{background-color:#66b1ff}.cancel-btn[data-v-bc90ae9a]{background-color:#fff;color:#606266;border:1px solid #dcdfe6;margin-right:10px}.cancel-btn[data-v-bc90ae9a]:hover{color:#409eff;border-color:#409eff}.form-item[data-v-bc90ae9a]{margin-bottom:20px}.form-input[data-v-bc90ae9a]{width:100%;padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;transition:border-color .3s}.form-input[data-v-bc90ae9a]:focus{outline:none;border-color:#409eff}.table-section[data-v-bc90ae9a]{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 12px #0000001a}.table-wrapper[data-v-bc90ae9a]{overflow-x:auto}.data-table[data-v-bc90ae9a]{width:100%;border-collapse:collapse}.data-table th[data-v-bc90ae9a]{background-color:#f5f7fa;padding:12px;text-align:left;font-weight:500;color:#606266;border-bottom:1px solid #ebeef5}.data-table td[data-v-bc90ae9a]{padding:12px;border-bottom:1px solid #ebeef5;color:#303133}.table-row[data-v-bc90ae9a]:hover{background-color:#f5f7fa}.code-cell[data-v-bc90ae9a]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-active[data-v-bc90ae9a]{color:#67c23a;font-weight:500}.status-inactive[data-v-bc90ae9a]{color:#e6a23c;font-weight:500}.status-expired[data-v-bc90ae9a]{color:#909399;font-weight:500}.empty-state[data-v-bc90ae9a],.loading-state[data-v-bc90ae9a]{text-align:center;padding:60px 0;color:#909399}.loading-spinner[data-v-bc90ae9a]{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #409eff;border-radius:50%;animation:spin-bc90ae9a 1s linear infinite;margin:0 auto 10px}@keyframes spin-bc90ae9a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagination[data-v-bc90ae9a]{background-color:#fff;border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #0000001a}.pagination-info[data-v-bc90ae9a]{color:#606266}.pagination-controls[data-v-bc90ae9a]{display:flex;align-items:center;gap:10px}.pagination-btn[data-v-bc90ae9a]{padding:5px 12px;border:1px solid #dcdfe6;background-color:#fff;color:#606266;border-radius:4px;cursor:pointer;transition:all .3s}.pagination-btn[data-v-bc90ae9a]:hover:not(:disabled){color:#409eff;border-color:#409eff}.pagination-btn[data-v-bc90ae9a]:disabled{cursor:not-allowed;opacity:.5}.page-size[data-v-bc90ae9a]{display:flex;align-items:center;gap:10px;color:#606266}.page-size-select[data-v-bc90ae9a]{padding:5px 8px;border:1px solid #dcdfe6;border-radius:4px}.modal[data-v-bc90ae9a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-bc90ae9a]{background-color:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 2px 12px #0000001a}.modal-header[data-v-bc90ae9a]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ebeef5}.modal-header h3[data-v-bc90ae9a]{margin:0;color:#303133}.close-btn[data-v-bc90ae9a]{background:none;border:none;font-size:20px;cursor:pointer;color:#909399;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-bc90ae9a]:hover{color:#606266}.modal-body[data-v-bc90ae9a]{padding:20px}.detail-item[data-v-bc90ae9a]{display:flex;padding:10px 0;border-bottom:1px solid #f0f0f0}.detail-item[data-v-bc90ae9a]:last-child{border-bottom:none}.detail-item label[data-v-bc90ae9a]{width:100px;font-weight:500;color:#606266}.detail-item span[data-v-bc90ae9a]{flex:1;color:#303133}.modal-footer[data-v-bc90ae9a]{padding:20px;border-top:1px solid #ebeef5;display:flex;justify-content:flex-end}@media(max-width:768px){.filter-row[data-v-bc90ae9a]{flex-direction:column;gap:15px}.filter-actions[data-v-bc90ae9a]{margin-left:0;justify-content:flex-start}.pagination[data-v-bc90ae9a]{flex-direction:column;gap:15px}.pagination-controls[data-v-bc90ae9a]{flex-wrap:wrap;justify-content:center}.data-table[data-v-bc90ae9a]{font-size:14px}.data-table th[data-v-bc90ae9a],.data-table td[data-v-bc90ae9a]{padding:8px}}.front-user-management[data-v-4763e043]{padding:20px;min-height:100vh}h2[data-v-4763e043]{margin-bottom:20px;color:#303133;font-size:24px}.filter-section[data-v-4763e043]{background-color:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 12px #0000001a}.filter-row[data-v-4763e043]{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px;align-items:center}.filter-item[data-v-4763e043]{display:flex;align-items:center;gap:10px}.filter-item label[data-v-4763e043]{font-weight:500;color:#606266;white-space:nowrap;font-size:14px}.filter-input[data-v-4763e043],.filter-select[data-v-4763e043]{padding:6px 10px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;transition:border-color .3s}.filter-input[data-v-4763e043]{min-width:200px}.filter-select[data-v-4763e043]{min-width:120px}.filter-input[data-v-4763e043]:focus,.filter-select[data-v-4763e043]:focus{outline:none;border-color:#409eff}.filter-input.compact[data-v-4763e043]{width:120px}.filter-input.small[data-v-4763e043]{width:80px}.filter-input.medium[data-v-4763e043]{width:180px}.filter-select.compact[data-v-4763e043]{width:100px}.range-separator[data-v-4763e043]{margin:0 5px;color:#909399}.filter-actions[data-v-4763e043]{display:flex;gap:10px;margin-left:auto}.advanced-filters[data-v-4763e043]{margin-top:15px;padding-top:15px;border-top:1px dashed #dcdfe6}.btn[data-v-4763e043]{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;min-width:60px}.search-btn[data-v-4763e043]{background-color:#409eff;color:#fff}.search-btn[data-v-4763e043]:hover{background-color:#66b1ff}.reset-btn[data-v-4763e043]{background-color:#fff;color:#606266;border:1px solid #dcdfe6}.reset-btn[data-v-4763e043]:hover{color:#409eff;border-color:#409eff}.create-btn[data-v-4763e043]{background-color:#67c23a;color:#fff}.create-btn[data-v-4763e043]:hover{background-color:#85ce61}.edit-btn[data-v-4763e043]{background-color:#409eff;color:#fff;margin-right:5px}.edit-btn[data-v-4763e043]:hover{background-color:#66b1ff}.delete-btn[data-v-4763e043]{background-color:#f56c6c;color:#fff}.delete-btn[data-v-4763e043]:hover{background-color:#f78989}.submit-btn[data-v-4763e043]{background-color:#409eff;color:#fff}.submit-btn[data-v-4763e043]:hover{background-color:#66b1ff}.cancel-btn[data-v-4763e043]{background-color:#fff;color:#606266;border:1px solid #dcdfe6}.cancel-btn[data-v-4763e043]:hover{color:#409eff;border-color:#409eff}.table-section[data-v-4763e043]{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 12px #0000001a}.table-wrapper[data-v-4763e043]{overflow-x:auto}.data-table[data-v-4763e043]{width:100%;border-collapse:collapse}.data-table th[data-v-4763e043]{background-color:#f5f7fa;padding:12px;text-align:left;font-weight:500;color:#606266;border-bottom:1px solid #ebeef5}.data-table td[data-v-4763e043]{padding:12px;border-bottom:1px solid #ebeef5;color:#303133}.table-row[data-v-4763e043]:hover{background-color:#f5f7fa}.status-active[data-v-4763e043]{color:#67c23a;font-weight:500}.status-inactive[data-v-4763e043]{color:#e6a23c;font-weight:500}.status-expired[data-v-4763e043]{color:#909399;font-weight:500}.empty-state[data-v-4763e043],.loading-state[data-v-4763e043]{text-align:center;padding:60px 0;color:#909399}.loading-spinner[data-v-4763e043]{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #409eff;border-radius:50%;animation:spin-4763e043 1s linear infinite;margin:0 auto 10px}@keyframes spin-4763e043{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagination[data-v-4763e043]{background-color:#fff;border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #0000001a}.pagination-info[data-v-4763e043]{color:#606266}.pagination-controls[data-v-4763e043]{display:flex;align-items:center;gap:10px}.pagination-btn[data-v-4763e043]{padding:5px 12px;border:1px solid #dcdfe6;background-color:#fff;color:#606266;border-radius:4px;cursor:pointer;transition:all .3s}.pagination-btn[data-v-4763e043]:hover:not(:disabled){color:#409eff;border-color:#409eff}.pagination-btn[data-v-4763e043]:disabled{cursor:not-allowed;opacity:.5}.page-size[data-v-4763e043]{display:flex;align-items:center;gap:10px;color:#606266}.page-size-select[data-v-4763e043]{padding:5px 8px;border:1px solid #dcdfe6;border-radius:4px}.modal[data-v-4763e043]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-4763e043]{background-color:#fff;border-radius:8px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 2px 12px #0000001a}.modal-header[data-v-4763e043]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ebeef5}.modal-header h3[data-v-4763e043]{margin:0;color:#303133}.close-btn[data-v-4763e043]{background:none;border:none;font-size:20px;cursor:pointer;color:#909399;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-4763e043]:hover{color:#606266}.modal-body[data-v-4763e043]{padding:20px}.form-group[data-v-4763e043]{display:flex;flex-direction:column;margin-bottom:15px}.form-group label[data-v-4763e043]{margin-bottom:5px;font-weight:500;color:#606266}.form-input[data-v-4763e043],.form-select[data-v-4763e043]{padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;transition:border-color .3s}.form-input[data-v-4763e043]:focus,.form-select[data-v-4763e043]:focus{outline:none;border-color:#409eff}.modal-footer[data-v-4763e043]{padding:20px;border-top:1px solid #ebeef5;display:flex;justify-content:flex-end;gap:10px}.message[data-v-4763e043]{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:4px;font-size:14px;z-index:2000;max-width:300px;box-shadow:0 2px 12px #0000001a}.message.success[data-v-4763e043]{background-color:#f0f9ff;border:1px solid #409eff;color:#409eff}.message.error[data-v-4763e043]{background-color:#fef0f0;border:1px solid #f56c6c;color:#f56c6c}.message.info[data-v-4763e043]{background-color:#f4f4f5;border:1px solid #909399;color:#909399}@media(max-width:768px){.filter-row[data-v-4763e043]{flex-direction:column;gap:15px}.filter-actions[data-v-4763e043]{margin-left:0;justify-content:flex-start}.pagination[data-v-4763e043]{flex-direction:column;gap:15px}.pagination-controls[data-v-4763e043]{flex-wrap:wrap;justify-content:center}.data-table[data-v-4763e043]{font-size:14px}.data-table th[data-v-4763e043],.data-table td[data-v-4763e043]{padding:8px}}.online-user-stats[data-v-1eb3f8fb]{padding:20px;background-color:#f5f7fa;min-height:100vh}h2[data-v-1eb3f8fb]{margin-bottom:20px;color:#303133;font-size:24px}h3[data-v-1eb3f8fb]{margin:20px 0;color:#303133;font-size:18px}.stats-overview[data-v-1eb3f8fb]{display:flex;gap:20px;margin-bottom:20px}.stat-card[data-v-1eb3f8fb]{flex:1;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 12px #0000001a;text-align:center;transition:all .3s}.stat-card[data-v-1eb3f8fb]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-value[data-v-1eb3f8fb]{font-size:36px;font-weight:700;color:#409eff;margin-bottom:8px}.stat-label[data-v-1eb3f8fb]{font-size:14px;color:#606266}.refresh-info[data-v-1eb3f8fb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px;color:#909399}.refresh-interval[data-v-1eb3f8fb]{font-style:italic}.user-list-section[data-v-1eb3f8fb]{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 12px #0000001a}.table-section[data-v-1eb3f8fb]{overflow:hidden}.table-wrapper[data-v-1eb3f8fb]{overflow-x:auto}.data-table[data-v-1eb3f8fb]{width:100%;border-collapse:collapse}.data-table th[data-v-1eb3f8fb]{background-color:#f5f7fa;padding:12px;text-align:left;font-weight:500;color:#606266;border-bottom:1px solid #ebeef5}.data-table td[data-v-1eb3f8fb]{padding:12px;border-bottom:1px solid #ebeef5;color:#303133}.table-row[data-v-1eb3f8fb]:hover{background-color:#f5f7fa}.status-online[data-v-1eb3f8fb]{color:#67c23a;font-weight:500}.status-offline[data-v-1eb3f8fb]{color:#909399;font-weight:500}.user-type-cloud[data-v-1eb3f8fb]{color:#409eff;font-weight:500}.user-type-local[data-v-1eb3f8fb]{color:#e6a23c;font-weight:500}.empty-state[data-v-1eb3f8fb],.loading-state[data-v-1eb3f8fb]{text-align:center;padding:60px 0;color:#909399}.loading-spinner[data-v-1eb3f8fb]{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #409eff;border-radius:50%;animation:spin-1eb3f8fb 1s linear infinite;margin:0 auto 10px}@keyframes spin-1eb3f8fb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.stats-overview[data-v-1eb3f8fb]{flex-direction:column}.stat-card[data-v-1eb3f8fb]{width:100%}.data-table[data-v-1eb3f8fb]{font-size:14px}.data-table th[data-v-1eb3f8fb],.data-table td[data-v-1eb3f8fb]{padding:8px}}.login-container[data-v-b22d1259]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#000;background-image:radial-gradient(circle at center,#fff,#222 10%,#000 60%);padding:20px;position:relative;overflow:hidden}.wrap[data-v-b22d1259]{position:absolute;inset:0;transform-style:preserve-3d;perspective:800px;z-index:0}.tri[data-v-b22d1259]{height:0;width:0;position:absolute;top:50%;left:50%;opacity:0}.login-form[data-v-b22d1259]{background:#364563a9;border-radius:8px;box-shadow:0 2px 12px #0000004d;padding:40px;width:100%;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.login-title[data-v-b22d1259]{text-align:center;margin-bottom:30px;color:#bab0b0;font-size:24px;font-weight:700}.form-group[data-v-b22d1259]{margin-bottom:20px}.form-group label[data-v-b22d1259]{display:block;margin-bottom:8px;color:#cdcdcd;font-size:14px;font-weight:500}.form-group input[data-v-b22d1259]{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-group input[data-v-b22d1259]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.captcha-group .captcha-input-wrapper[data-v-b22d1259]{display:flex;gap:10px}.captcha-input-wrapper input[data-v-b22d1259]{flex:1}.captcha-image[data-v-b22d1259]{width:120px;height:40px;border:1px solid #ddd;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s;display:block}.captcha-image[data-v-b22d1259]:hover{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.error-message[data-v-b22d1259]{color:#ff4d4f;font-size:14px;margin-bottom:15px;min-height:20px}.login-button[data-v-b22d1259]{width:100%;padding:10px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.login-button[data-v-b22d1259]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-button[data-v-b22d1259]:hover:not(:disabled){background-color:#40a9ff;box-shadow:0 4px 12px #1890ff66}.login-button[data-v-b22d1259]:hover:not(:disabled):before{left:100%}.login-button[data-v-b22d1259]:disabled{background-color:#d9d9d9;cursor:not-allowed;box-shadow:none}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.5;color:#333;margin:0;height:100%}.app-container{min-height:100vh;position:relative}.bg{animation:slide 3s ease-in-out infinite alternate;background-image:linear-gradient(-60deg,#6c3 50%,#09f 50%);inset:0 -50%;opacity:.5;position:fixed;z-index:-1}.bg2{animation-direction:alternate-reverse;animation-duration:4s}.bg3{animation-duration:5s}.navbar{background-color:#104b8393;color:#fff;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;top:0;left:0;right:0;z-index:10}.navbar-brand{font-size:18px;font-weight:700}.navbar-right{display:flex;align-items:center;gap:15px}.user-info{font-size:14px}.logout-btn{background-color:#fff3;color:#fff;border:1px solid white;padding:5px 15px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.logout-btn:hover{background-color:#fff;color:#1890ff}.app-layout{display:flex;min-height:calc(100vh - 60px);overflow:hidden}.sidebar{width:240px;background-color:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:2px 0 8px #0000001a;position:fixed;top:60px;bottom:0;left:0;z-index:5;transition:all .3s ease;overflow-y:auto}.main{flex:1;padding:20px;margin-left:240px;overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 60px)}.nav-list{list-style:none}.nav-item{margin-bottom:4px}.nav-link{display:flex;align-items:center;padding:12px 24px;color:#333;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.nav-link:hover{background-color:#1890ff1a;color:#1890ff}.nav-item.active .nav-link{background-color:#1890ff33;color:#1890ff;border-left-color:#1890ff}.nav-icon{font-size:18px;margin-right:12px;width:20px;text-align:center}.nav-text{font-size:14px;font-weight:500}.main{flex:1;padding:20px;overflow-x:hidden}.content{background-color:#f9ff9f10;border-radius:8px;padding:24px;box-shadow:0 2px 12px #0000001a;min-height:calc(100vh - 120px)}@media(max-width:768px){.sidebar{width:200px}.nav-link{padding:10px 16px}.nav-text{font-size:13px}}@keyframes slide{0%{transform:translate(-25%)}to{transform:translate(25%)}}