.network-component-bind .section-header[data-v-28b608e3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.network-component-bind .section-header .section-title[data-v-28b608e3]{font-size:16px;font-weight:600;color:#1a202c}.network-component-bind .connection-info-section[data-v-28b608e3]{margin-bottom:32px;padding:20px;background:#fafafa;border-radius:8px;border:1px solid #e8e8e8}.network-component-bind .connection-info-section .connection-mode-selector[data-v-28b608e3]{margin-bottom:20px;padding:16px;background:#fff;border-radius:6px;border:1px solid #e8e8e8}.network-component-bind .connection-info-section .connection-mode-selector .selector-title[data-v-28b608e3]{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}.network-component-bind .connection-info-section .connection-mode-selector .selector-content[data-v-28b608e3]{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}.network-component-bind .connection-info-section .connection-mode-selector .connection-mode-description[data-v-28b608e3]{margin-top:16px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e8e8e8}.network-component-bind .connection-info-section .connection-mode-selector .connection-mode-description .mode-item[data-v-28b608e3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:8px}.network-component-bind .connection-info-section .connection-mode-selector .connection-mode-description .mode-item[data-v-28b608e3]:last-child{margin-bottom:0}.network-component-bind .connection-info-section .connection-mode-selector .connection-mode-description .mode-item .mode-info[data-v-28b608e3]{-webkit-box-flex:1;-ms-flex:1;flex:1}.network-component-bind .connection-info-section .connection-mode-selector .connection-mode-description .mode-item .mode-info .mode-name[data-v-28b608e3]{font-size:13px;font-weight:600;color:#333;margin-bottom:2px}.network-component-bind .connection-info-section .connection-mode-selector .connection-mode-description .mode-item .mode-info .mode-desc[data-v-28b608e3]{font-size:12px;color:#666;line-height:1.4}.network-component-bind .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper[data-v-28b608e3]{border-radius:4px;margin-right:8px}.network-component-bind .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper[data-v-28b608e3]:hover{border-color:#1890ff;color:#1890ff}.network-component-bind .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked[data-v-28b608e3]{background:#1890ff;border-color:#1890ff;color:#fff}.network-component-bind .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked[data-v-28b608e3]:hover{background:#40a9ff;border-color:#40a9ff}.network-component-bind .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled[data-v-28b608e3]{opacity:.5;cursor:not-allowed}.network-component-bind .connection-info-section .current-connection-display .current-connection-header[data-v-28b608e3]{margin-bottom:16px}.network-component-bind .connection-info-section .current-connection-display .current-connection-header .connection-status[data-v-28b608e3]{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}.network-component-bind .connection-info-section .current-connection-display .current-connection-header .connection-status .status-text[data-v-28b608e3]{margin-left:8px;font-size:16px;font-weight:600;color:#333}.network-component-bind .connection-info-section .current-connection-display .current-connection-header .connection-status .ant-badge[data-v-28b608e3]{margin-left:12px}.network-component-bind .connection-info-section .current-connection-display .connection-details .ant-descriptions[data-v-28b608e3]{background:#fff;border-radius:6px}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section[data-v-28b608e3]{margin-top:16px;padding:16px;background:#fff;border-radius:6px;border:1px solid #e8e8e8}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topics-title[data-v-28b608e3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topic-security-notice .ant-alert[data-v-28b608e3]{border-radius:6px;border-left:3px solid #1890ff;background:#f6f8ff}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topic-security-notice .ant-alert .ant-alert-icon[data-v-28b608e3]{color:#1890ff}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topic-security-notice .ant-alert .ant-alert-message[data-v-28b608e3]{font-weight:500;color:#1890ff;font-size:13px}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topic-security-notice .ant-alert .ant-alert-description[data-v-28b608e3]{color:#666;line-height:1.4;font-size:12px}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topics-content .topic-category[data-v-28b608e3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px;margin-top:12px}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topics-content .topic-category .category-title[data-v-28b608e3]{font-size:13px;font-weight:500;color:#333}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topics-content .topic-list .topic-item[data-v-28b608e3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:6px;font-size:12px}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topics-content .topic-list .topic-item .topic-label[data-v-28b608e3]{color:#666;min-width:80px;margin-right:8px;-ms-flex-negative:0;flex-shrink:0}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topics-content .topic-list .topic-item .topic-value[data-v-28b608e3]{color:#1890ff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f8f9fa;padding:2px 6px;border-radius:3px;border:1px solid #e8e8e8;word-break:break-all;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:11px;line-height:1.4;margin-right:8px}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topics-content .topic-list .topic-item .topic-note[data-v-28b608e3]{color:#52c41a;font-size:11px;font-weight:500;-ms-flex-negative:0;flex-shrink:0;background:#f6ffed;padding:2px 6px;border-radius:3px;border:1px solid #b7eb8f}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topics-content .empty-topics[data-v-28b608e3]{padding:20px 0;text-align:center}.network-component-bind .connection-info-section .loading-connection[data-v-28b608e3]{text-align:center;padding:40px 0}.network-component-bind .connection-info-section .loading-connection .loading-text[data-v-28b608e3]{margin-top:16px;color:#666}.network-component-bind .network-binding-section .state-header[data-v-28b608e3]{margin-bottom:20px}.network-component-bind .component-list .list-header[data-v-28b608e3]{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}.network-component-bind .component-list .list-header h3[data-v-28b608e3]{margin:0;font-size:16px;font-weight:600;color:#1a202c}.network-component-bind .component-list .empty-state[data-v-28b608e3]{padding:40px 0;text-align:center}.network-component-bind .component-list .component-grid[data-v-28b608e3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.network-component-bind .component-list .component-grid .component-card[data-v-28b608e3]{border-radius:8px;-webkit-transition:all .2s ease;transition:all .2s ease;cursor:pointer}.network-component-bind .component-list .component-grid .component-card[data-v-28b608e3]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.network-component-bind .component-list .component-grid .component-card.selected[data-v-28b608e3]{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)}.network-component-bind .component-list .component-grid .component-card .card-header[data-v-28b608e3]{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:12px}.network-component-bind .component-list .component-grid .component-card .card-header .component-type[data-v-28b608e3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.network-component-bind .component-list .component-grid .component-card .card-header .component-type .type-label[data-v-28b608e3]{font-size:12px;font-weight:500;color:#666}.network-component-bind .component-list .component-grid .component-card .card-body .component-name[data-v-28b608e3]{font-size:16px;font-weight:600;color:#1a202c;margin-bottom:8px}.network-component-bind .component-list .component-grid .component-card .card-body .component-info .info-item[data-v-28b608e3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:13px;color:#666;margin-bottom:4px}.network-component-bind .component-list .component-grid .component-card .card-body .component-info .info-item .anticon[data-v-28b608e3]{font-size:12px}.network-component-bind .component-list .component-grid .component-card .card-actions[data-v-28b608e3]{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.network-component-bind .bound-component .loading-bound[data-v-28b608e3]{padding:40px 0;text-align:center}.network-component-bind .bound-component .bound-card[data-v-28b608e3]{border-radius:8px;border:2px solid #52c41a;background:linear-gradient(135deg,#f6ffed,#fff)}.network-component-bind .bound-component .bound-card .card-header[data-v-28b608e3]{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:12px}.network-component-bind .bound-component .bound-card .card-header .component-type[data-v-28b608e3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.network-component-bind .bound-component .bound-card .card-header .component-type .type-label[data-v-28b608e3]{font-size:14px;font-weight:600;color:#52c41a}.network-component-bind .bound-component .bound-card .card-body .component-name[data-v-28b608e3]{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:12px}.network-component-bind .bound-component .bound-card .card-body .component-info .info-item[data-v-28b608e3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:14px;color:#666;margin-bottom:6px}.network-component-bind .bound-component .bound-card .card-body .component-info .info-item .anticon[data-v-28b608e3]{font-size:14px}.network-component-bind .bound-component .bound-card .card-body .topic-section[data-v-28b608e3]{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.network-component-bind .bound-component .bound-card .card-body .topic-section .topic-header[data-v-28b608e3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.network-component-bind .bound-component .bound-card .card-body .topic-section .topic-header .topic-title[data-v-28b608e3]{font-size:14px;font-weight:600;color:#333}.network-component-bind .bound-component .bound-card .card-body .topic-section .topic-content .topic-category[data-v-28b608e3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px;margin-top:12px}.network-component-bind .bound-component .bound-card .card-body .topic-section .topic-content .topic-category .category-title[data-v-28b608e3]{font-size:13px;font-weight:500;color:#333}.network-component-bind .bound-component .bound-card .card-body .topic-section .topic-content .topic-list .topic-item[data-v-28b608e3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:6px;font-size:12px}.network-component-bind .bound-component .bound-card .card-body .topic-section .topic-content .topic-list .topic-item .topic-label[data-v-28b608e3]{color:#666;min-width:80px;margin-right:8px;-ms-flex-negative:0;flex-shrink:0}.network-component-bind .bound-component .bound-card .card-body .topic-section .topic-content .topic-list .topic-item .topic-value[data-v-28b608e3]{color:#1890ff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f8f9fa;padding:2px 6px;border-radius:3px;border:1px solid #e8e8e8;word-break:break-all;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:11px;line-height:1.4}.network-component-bind .bound-component .bound-card .card-actions[data-v-28b608e3]{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.breath-badge[data-v-28b608e3]{-webkit-animation:breath-scale-28b608e3 1.2s ease-in-out infinite;animation:breath-scale-28b608e3 1.2s ease-in-out infinite}@-webkit-keyframes breath-scale-28b608e3{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-28b608e3{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)}}@media (max-width:768px){.network-component-bind .component-grid[data-v-28b608e3]{grid-template-columns:1fr;gap:12px}.network-component-bind .component-card .card-body .component-name[data-v-28b608e3]{font-size:14px}.network-component-bind .component-card .card-body .component-info .info-item[data-v-28b608e3]{font-size:12px}}.password-info .password-section[data-v-28b608e3]{margin-bottom:24px}.password-info .password-section[data-v-28b608e3]:last-child{margin-bottom:0}.password-info .password-section .section-title[data-v-28b608e3]{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}.password-info .password-section .ant-alert[data-v-28b608e3],.password-info .password-section .ant-descriptions[data-v-28b608e3]{background:#fafafa;border-radius:6px}.network-management-modal .current-binding-status[data-v-28b608e3]{margin-bottom:24px}.network-management-modal .current-binding-status .status-header[data-v-28b608e3]{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}.network-management-modal .current-binding-status .bound-component-info .ant-descriptions[data-v-28b608e3]{background:#fafafa;border-radius:6px}.network-management-modal .component-selection .selection-header[data-v-28b608e3]{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}.network-management-modal .component-selection .selection-header h4[data-v-28b608e3]{margin:0;font-size:16px;font-weight:600;color:#1a202c}.network-management-modal .component-selection .empty-state[data-v-28b608e3]{padding:40px 0;text-align:center}.network-management-modal .component-selection .component-grid[data-v-28b608e3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.network-management-modal .component-selection .component-grid .network-card[data-v-28b608e3]{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}.network-management-modal .component-selection .component-grid .network-card[data-v-28b608e3]:hover{-webkit-box-shadow:0 4px 16px #e6f7ff;box-shadow:0 4px 16px #e6f7ff}.network-management-modal .component-selection .component-grid .network-card.selected[data-v-28b608e3]{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)}.network-management-modal .component-selection .component-grid .network-card .card-header[data-v-28b608e3]{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}.network-management-modal .component-selection .component-grid .network-card .card-title[data-v-28b608e3]{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}.network-management-modal .component-selection .component-grid .network-card .card-title[data-v-28b608e3]:hover{color:#40a9ff}.network-management-modal .component-selection .component-grid .network-card .card-body[data-v-28b608e3]{margin:12px 0 8px 0}.network-management-modal .component-selection .component-grid .network-card .card-row[data-v-28b608e3]{font-size:13px;color:#666;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-management-modal .component-selection .component-grid .network-card .card-actions[data-v-28b608e3]{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}.network-management-modal .component-selection .component-grid .network-card .action-btn[data-v-28b608e3]{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}.network-management-modal .component-selection .component-grid .network-card .action-btn[data-v-28b608e3]: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)}.network-management-modal .component-selection .component-grid .network-card .action-btn.disabled[data-v-28b608e3]{opacity:.3;cursor:not-allowed}.network-management-modal .component-selection .component-grid .network-card .action-btn.disabled[data-v-28b608e3]:hover{-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}.network-management-modal .component-selection .component-grid .network-card .bind-btn[data-v-28b608e3]{color:#52c41a}.network-management-modal .component-selection .component-grid .network-card .bind-btn[data-v-28b608e3]:hover:not(.disabled){background:#f6ffed;border-color:#b7eb8f;color:#52c41a}.network-management-modal .component-selection .component-grid .network-card .edit-btn[data-v-28b608e3]{color:#0958d9}.network-management-modal .component-selection .component-grid .network-card .edit-btn[data-v-28b608e3]:hover:not(.disabled){background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.mqtt-type-badge[data-v-28b608e3]{position:absolute;top:8px;right:8px;z-index:1}.mqtt-badge-client[data-v-28b608e3],.mqtt-badge-server[data-v-28b608e3]{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;color:#666;line-height:1.2;background:#f5f5f5;border:1px solid #e8e8e8;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.mqtt-badge-client[data-v-28b608e3],.mqtt-badge-server[data-v-28b608e3]{color:#8c8c8c;background:#fafafa}.status-running[data-v-28b608e3]{color:#52c41a;font-weight:500}.status-stopped[data-v-28b608e3]{color:#fa8c16;font-weight:500}.status-unconfigured[data-v-28b608e3]{color:#999;font-weight:500}.topic-usage-guide p[data-v-28b608e3]{margin:0 0 8px 0;line-height:1.5}.topic-usage-guide ol[data-v-28b608e3]{margin:8px 0 0 0;padding-left:20px}.topic-usage-guide ol li[data-v-28b608e3]{margin-bottom:4px;line-height:1.5}.topic-usage-guide ol li code[data-v-28b608e3]{background:#f5f5f5;padding:2px 4px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#d73a49}