.tcp-connection-info .section-header[data-v-f6e46f8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.tcp-connection-info .section-header .section-title[data-v-f6e46f8c]{font-size:16px;font-weight:600;color:#1a202c}.tcp-connection-info .connection-info-section[data-v-f6e46f8c]{margin-bottom:32px;padding:20px;background:#fafafa;border-radius:8px;border:1px solid #e8e8e8}.tcp-connection-info .connection-info-section .connection-mode-selector[data-v-f6e46f8c]{margin-bottom:20px;padding:16px;background:#fff;border-radius:6px;border:1px solid #e8e8e8}.tcp-connection-info .connection-info-section .connection-mode-selector .selector-title[data-v-f6e46f8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;color:#333}.tcp-connection-info .connection-info-section .connection-mode-selector .selector-content[data-v-f6e46f8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tcp-connection-info .connection-info-section .connection-mode-selector .connection-mode-description[data-v-f6e46f8c]{margin-top:16px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e8e8e8}.tcp-connection-info .connection-info-section .connection-mode-selector .connection-mode-description .mode-item[data-v-f6e46f8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:8px}.tcp-connection-info .connection-info-section .connection-mode-selector .connection-mode-description .mode-item[data-v-f6e46f8c]:last-child{margin-bottom:0}.tcp-connection-info .connection-info-section .connection-mode-selector .connection-mode-description .mode-item .mode-info[data-v-f6e46f8c]{-webkit-box-flex:1;-ms-flex:1;flex:1}.tcp-connection-info .connection-info-section .connection-mode-selector .connection-mode-description .mode-item .mode-info .mode-name[data-v-f6e46f8c]{font-size:13px;font-weight:600;color:#333;margin-bottom:2px}.tcp-connection-info .connection-info-section .connection-mode-selector .connection-mode-description .mode-item .mode-info .mode-desc[data-v-f6e46f8c]{font-size:12px;color:#666;line-height:1.4}.tcp-connection-info .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper[data-v-f6e46f8c]{border-radius:4px;margin-right:8px}.tcp-connection-info .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper[data-v-f6e46f8c]:hover{border-color:#1890ff;color:#1890ff}.tcp-connection-info .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked[data-v-f6e46f8c]{background:#1890ff;border-color:#1890ff;color:#fff}.tcp-connection-info .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked[data-v-f6e46f8c]:hover{background:#40a9ff;border-color:#40a9ff}.tcp-connection-info .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled[data-v-f6e46f8c]{opacity:.5;cursor:not-allowed}.tcp-connection-info .connection-info-section .current-connection-display .current-connection-header[data-v-f6e46f8c]{margin-bottom:16px}.tcp-connection-info .connection-info-section .current-connection-display .current-connection-header .connection-status[data-v-f6e46f8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f6ffed,#fff);border-radius:6px;border:1px solid #b7eb8f}.tcp-connection-info .connection-info-section .current-connection-display .current-connection-header .connection-status .status-text[data-v-f6e46f8c]{margin-left:8px;font-size:16px;font-weight:600;color:#333}.tcp-connection-info .connection-info-section .current-connection-display .current-connection-header .connection-status .ant-badge[data-v-f6e46f8c]{margin-left:12px}.tcp-connection-info .connection-info-section .current-connection-display .connection-details .ant-descriptions[data-v-f6e46f8c]{background:#fff;border-radius:6px}.tcp-connection-info .connection-info-section .loading-connection[data-v-f6e46f8c]{text-align:center;padding:40px 0}.tcp-connection-info .connection-info-section .loading-connection .loading-text[data-v-f6e46f8c]{margin-top:16px;color:#666}.server-management-modal .current-binding-status[data-v-f6e46f8c]{margin-bottom:24px}.server-management-modal .current-binding-status .status-header[data-v-f6e46f8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;color:#333}.server-management-modal .current-binding-status .bound-component-info .ant-descriptions[data-v-f6e46f8c]{background:#fafafa;border-radius:6px}.server-management-modal .component-selection .selection-header[data-v-f6e46f8c]{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;margin-bottom:16px}.server-management-modal .component-selection .selection-header h4[data-v-f6e46f8c]{margin:0;font-size:16px;font-weight:600;color:#1a202c}.server-management-modal .component-selection .empty-state[data-v-f6e46f8c]{padding:40px 0;text-align:center}.server-management-modal .component-selection .component-grid[data-v-f6e46f8c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.server-management-modal .component-selection .component-grid .network-card[data-v-f6e46f8c]{margin-bottom:16px;border-radius:8px;-webkit-box-shadow:0 2px 8px #f0f1f2;box-shadow:0 2px 8px #f0f1f2;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s;position:relative;padding-bottom:8px;cursor:pointer}.server-management-modal .component-selection .component-grid .network-card[data-v-f6e46f8c]:hover{-webkit-box-shadow:0 4px 16px #e6f7ff;box-shadow:0 4px 16px #e6f7ff}.server-management-modal .component-selection .component-grid .network-card.selected[data-v-f6e46f8c]{border-color:#1890ff;-webkit-box-shadow:0 0 0 2px rgba(24,144,255,.2);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.server-management-modal .component-selection .component-grid .network-card .card-header[data-v-f6e46f8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:16px;font-weight:700;margin-bottom:8px}.server-management-modal .component-selection .component-grid .network-card .card-title[data-v-f6e46f8c]{margin-left:8px;cursor:pointer;color:#1890ff;-webkit-transition:color .2s;transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;-webkit-box-flex:1;-ms-flex:1;flex:1}.server-management-modal .component-selection .component-grid .network-card .card-title[data-v-f6e46f8c]:hover{color:#40a9ff}.server-management-modal .component-selection .component-grid .network-card .card-body[data-v-f6e46f8c]{margin:12px 0 8px 0}.server-management-modal .component-selection .component-grid .network-card .card-row[data-v-f6e46f8c]{font-size:13px;color:#666;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-management-modal .component-selection .component-grid .network-card .card-actions[data-v-f6e46f8c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.server-management-modal .component-selection .component-grid .network-card .action-btn[data-v-f6e46f8c]{width:36px;height:36px;border-radius:8px;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;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:1px solid #e8e8e8;font-size:16px;background:#fff}.server-management-modal .component-selection .component-grid .network-card .action-btn[data-v-f6e46f8c]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.server-management-modal .component-selection .component-grid .network-card .action-btn.disabled[data-v-f6e46f8c]{opacity:.3;cursor:not-allowed}.server-management-modal .component-selection .component-grid .network-card .action-btn.disabled[data-v-f6e46f8c]:hover{-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}.server-management-modal .component-selection .component-grid .network-card .bind-btn[data-v-f6e46f8c]{color:#52c41a}.server-management-modal .component-selection .component-grid .network-card .bind-btn[data-v-f6e46f8c]:hover:not(.disabled){background:#f6ffed;border-color:#b7eb8f;color:#52c41a}.server-management-modal .component-selection .component-grid .network-card .edit-btn[data-v-f6e46f8c]{color:#0958d9}.server-management-modal .component-selection .component-grid .network-card .edit-btn[data-v-f6e46f8c]:hover:not(.disabled){background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.breath-badge[data-v-f6e46f8c]{-webkit-animation:breath-scale-f6e46f8c 1.2s ease-in-out infinite;animation:breath-scale-f6e46f8c 1.2s ease-in-out infinite}@-webkit-keyframes breath-scale-f6e46f8c{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes breath-scale-f6e46f8c{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.status-running[data-v-f6e46f8c]{color:#52c41a;font-weight:500}.status-stopped[data-v-f6e46f8c]{color:#fa8c16;font-weight:500}.status-unconfigured[data-v-f6e46f8c]{color:#999;font-weight:500}