.network-component-bind .section-header[data-v-ccaaba08]{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-ccaaba08]{font-size:16px;font-weight:600;color:var(--app-color-text-heading)}.network-component-bind .connection-info-section[data-v-ccaaba08]{margin-bottom:32px;padding:20px;background:var(--app-color-bg-hover);border-radius:8px;border:1px solid var(--app-color-border)}.network-component-bind .connection-info-section .connection-mode-selector[data-v-ccaaba08]{margin-bottom:20px;padding:16px;background:var(--app-color-bg-container);border-radius:6px;border:1px solid var(--app-color-border)}.network-component-bind .connection-info-section .connection-mode-selector .selector-title[data-v-ccaaba08]{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:var(--app-color-text-heading)}.network-component-bind .connection-info-section .connection-mode-selector .selector-content[data-v-ccaaba08]{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-ccaaba08]{margin-top:16px;padding:12px;background:var(--app-color-bg-hover);border-radius:6px;border:1px solid var(--app-color-border)}.network-component-bind .connection-info-section .connection-mode-selector .connection-mode-description .mode-item[data-v-ccaaba08]{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-ccaaba08]:last-child{margin-bottom:0}.network-component-bind .connection-info-section .connection-mode-selector .connection-mode-description .mode-item .mode-info[data-v-ccaaba08]{-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-ccaaba08]{font-size:13px;font-weight:600;color:var(--app-color-text-heading);margin-bottom:2px}.network-component-bind .connection-info-section .connection-mode-selector .connection-mode-description .mode-item .mode-info .mode-desc[data-v-ccaaba08]{font-size:12px;color:var(--app-color-text-secondary);line-height:1.4}.network-component-bind .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper[data-v-ccaaba08]{border-radius:4px;margin-right:8px}.network-component-bind .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper[data-v-ccaaba08]:hover{border-color:var(--app-color-primary);color:var(--app-color-primary)}.network-component-bind .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked[data-v-ccaaba08]{background:var(--app-color-primary);border-color:var(--app-color-primary);color:var(--app-color-text-inverse)}.network-component-bind .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked[data-v-ccaaba08]:hover{background:var(--app-color-primary-hover);border-color:var(--app-color-primary-hover)}.network-component-bind .connection-info-section .connection-mode-selector .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled[data-v-ccaaba08]{opacity:.5;cursor:not-allowed}.network-component-bind .connection-info-section .current-connection-display .current-connection-header[data-v-ccaaba08]{margin-bottom:16px}.network-component-bind .connection-info-section .current-connection-display .current-connection-header .connection-status[data-v-ccaaba08]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;background:var(--app-color-success-light);border-radius:6px;border:1px solid var(--app-color-success)}.network-component-bind .connection-info-section .current-connection-display .current-connection-header .connection-status .status-text[data-v-ccaaba08]{margin-left:8px;font-size:16px;font-weight:600;color:var(--app-color-text-heading)}.network-component-bind .connection-info-section .current-connection-display .current-connection-header .connection-status .ant-badge[data-v-ccaaba08]{margin-left:12px}.network-component-bind .connection-info-section .current-connection-display .connection-details .ant-descriptions[data-v-ccaaba08]{background:var(--app-color-bg-container);border-radius:6px}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section[data-v-ccaaba08]{margin-top:16px;padding:16px;background:var(--app-color-bg-container);border-radius:6px;border:1px solid var(--app-color-border)}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topics-title[data-v-ccaaba08]{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:var(--app-color-text-heading);margin-bottom:12px}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topic-security-notice .ant-alert[data-v-ccaaba08]{border-radius:6px;background:var(--app-color-primary-light)}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topic-security-notice .ant-alert .ant-alert-icon[data-v-ccaaba08]{color:var(--app-color-primary)}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topic-security-notice .ant-alert .ant-alert-message[data-v-ccaaba08]{font-weight:500;color:var(--app-color-primary);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-ccaaba08]{color:var(--app-color-text-secondary);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-ccaaba08]{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-ccaaba08]{font-size:13px;font-weight:500;color:var(--app-color-text-heading)}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topics-content .topic-list .topic-item[data-v-ccaaba08]{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-ccaaba08]{color:var(--app-color-text-secondary);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-ccaaba08]{color:var(--app-color-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:var(--app-color-bg-hover);padding:2px 6px;border-radius:3px;border:1px solid var(--app-color-border);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-ccaaba08]{color:var(--app-color-success);font-size:11px;font-weight:500;-ms-flex-negative:0;flex-shrink:0;background:var(--app-color-success-light);padding:2px 6px;border-radius:3px;border:1px solid var(--app-color-success)}.network-component-bind .connection-info-section .current-connection-display .connection-details .topics-section .topics-content .empty-topics[data-v-ccaaba08]{padding:20px 0;text-align:center}.network-component-bind .connection-info-section .loading-connection[data-v-ccaaba08]{text-align:center;padding:40px 0}.network-component-bind .connection-info-section .loading-connection .loading-text[data-v-ccaaba08]{margin-top:16px;color:var(--app-color-text-secondary)}.network-component-bind .network-binding-section .state-header[data-v-ccaaba08]{margin-bottom:20px}.network-component-bind .component-list .list-header[data-v-ccaaba08]{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-ccaaba08]{margin:0;font-size:16px;font-weight:600;color:var(--app-color-text-heading)}.network-component-bind .component-list .empty-state[data-v-ccaaba08]{padding:40px 0;text-align:center}.network-component-bind .component-list .component-grid[data-v-ccaaba08]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.network-component-bind .component-list .component-grid .component-card[data-v-ccaaba08]{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-ccaaba08]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--app-shadow-card);box-shadow:var(--app-shadow-card)}.network-component-bind .component-list .component-grid .component-card.selected[data-v-ccaaba08]{border-color:var(--app-color-primary);-webkit-box-shadow:0 0 0 2px var(--app-color-primary-border);box-shadow:0 0 0 2px var(--app-color-primary-border)}.network-component-bind .component-list .component-grid .component-card .card-header[data-v-ccaaba08]{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-ccaaba08]{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-ccaaba08]{font-size:12px;font-weight:500;color:var(--app-color-text-secondary)}.network-component-bind .component-list .component-grid .component-card .card-body .component-name[data-v-ccaaba08]{font-size:16px;font-weight:600;color:var(--app-color-text-heading);margin-bottom:8px}.network-component-bind .component-list .component-grid .component-card .card-body .component-info .info-item[data-v-ccaaba08]{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:var(--app-color-text-secondary);margin-bottom:4px}.network-component-bind .component-list .component-grid .component-card .card-body .component-info .info-item .anticon[data-v-ccaaba08]{font-size:12px}.network-component-bind .component-list .component-grid .component-card .card-actions[data-v-ccaaba08]{margin-top:12px;padding-top:12px;border-top:1px solid var(--app-color-border-secondary)}.network-component-bind .bound-component .loading-bound[data-v-ccaaba08]{padding:40px 0;text-align:center}.network-component-bind .bound-component .bound-card[data-v-ccaaba08]{border-radius:8px;border:2px solid var(--app-color-success);background:var(--app-color-success-light)}.network-component-bind .bound-component .bound-card .card-header[data-v-ccaaba08]{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-ccaaba08]{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-ccaaba08]{font-size:14px;font-weight:600;color:var(--app-color-success)}.network-component-bind .bound-component .bound-card .card-body .component-name[data-v-ccaaba08]{font-size:18px;font-weight:600;color:var(--app-color-text-heading);margin-bottom:12px}.network-component-bind .bound-component .bound-card .card-body .component-info .info-item[data-v-ccaaba08]{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:var(--app-color-text-secondary);margin-bottom:6px}.network-component-bind .bound-component .bound-card .card-body .component-info .info-item .anticon[data-v-ccaaba08]{font-size:14px}.network-component-bind .bound-component .bound-card .card-body .topic-section[data-v-ccaaba08]{margin-top:16px;padding-top:16px;border-top:1px solid var(--app-color-border-secondary)}.network-component-bind .bound-component .bound-card .card-body .topic-section .topic-header[data-v-ccaaba08]{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-ccaaba08]{font-size:14px;font-weight:600;color:var(--app-color-text-heading)}.network-component-bind .bound-component .bound-card .card-body .topic-section .topic-content .topic-category[data-v-ccaaba08]{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-ccaaba08]{font-size:13px;font-weight:500;color:var(--app-color-text-heading)}.network-component-bind .bound-component .bound-card .card-body .topic-section .topic-content .topic-list .topic-item[data-v-ccaaba08]{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-ccaaba08]{color:var(--app-color-text-secondary);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-ccaaba08]{color:var(--app-color-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:var(--app-color-bg-hover);padding:2px 6px;border-radius:3px;border:1px solid var(--app-color-border);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-ccaaba08]{margin-top:16px;padding-top:16px;border-top:1px solid var(--app-color-border-secondary)}.breath-badge[data-v-ccaaba08]{-webkit-animation:breath-scale-ccaaba08 1.2s ease-in-out infinite;animation:breath-scale-ccaaba08 1.2s ease-in-out infinite}@-webkit-keyframes breath-scale-ccaaba08{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-ccaaba08{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-ccaaba08]{grid-template-columns:1fr;gap:12px}.network-component-bind .component-card .card-body .component-name[data-v-ccaaba08]{font-size:14px}.network-component-bind .component-card .card-body .component-info .info-item[data-v-ccaaba08]{font-size:12px}}.password-info .password-section[data-v-ccaaba08]{margin-bottom:24px}.password-info .password-section[data-v-ccaaba08]:last-child{margin-bottom:0}.password-info .password-section .section-title[data-v-ccaaba08]{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:var(--app-color-text-heading)}.password-info .password-section .ant-alert[data-v-ccaaba08],.password-info .password-section .ant-descriptions[data-v-ccaaba08]{background:var(--app-color-bg-hover);border-radius:6px}.network-management-modal .current-binding-status[data-v-ccaaba08]{margin-bottom:24px}.network-management-modal .current-binding-status .status-header[data-v-ccaaba08]{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:var(--app-color-text-heading)}.network-management-modal .current-binding-status .bound-component-info .ant-descriptions[data-v-ccaaba08]{background:var(--app-color-bg-hover);border-radius:6px}.network-management-modal .component-selection .selection-header[data-v-ccaaba08]{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-ccaaba08]{margin:0;font-size:16px;font-weight:600;color:var(--app-color-text-heading)}.network-management-modal .component-selection .empty-state[data-v-ccaaba08]{padding:40px 0;text-align:center}.network-management-modal .component-selection .component-grid[data-v-ccaaba08]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.network-management-modal .component-selection .component-grid .network-card[data-v-ccaaba08]{margin-bottom:16px;border-radius:8px;-webkit-box-shadow:var(--app-shadow-card);box-shadow:var(--app-shadow-card);-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-ccaaba08]:hover{-webkit-box-shadow:var(--app-shadow-primary);box-shadow:var(--app-shadow-primary)}.network-management-modal .component-selection .component-grid .network-card.selected[data-v-ccaaba08]{border-color:var(--app-color-primary);-webkit-box-shadow:0 0 0 2px var(--app-color-primary-border);box-shadow:0 0 0 2px var(--app-color-primary-border)}.network-management-modal .component-selection .component-grid .network-card .card-header[data-v-ccaaba08]{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-ccaaba08]{margin-left:8px;cursor:pointer;color:var(--app-color-primary);-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-ccaaba08]:hover{color:var(--app-color-primary-hover)}.network-management-modal .component-selection .component-grid .network-card .card-body[data-v-ccaaba08]{margin:12px 0 8px 0}.network-management-modal .component-selection .component-grid .network-card .card-row[data-v-ccaaba08]{font-size:13px;color:var(--app-color-text-secondary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-management-modal .component-selection .component-grid .network-card .card-actions[data-v-ccaaba08]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--app-color-border-secondary);-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-ccaaba08]{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 var(--app-color-border);font-size:16px;background:var(--app-color-bg-container)}.network-management-modal .component-selection .component-grid .network-card .action-btn[data-v-ccaaba08]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:var(--app-shadow-card);box-shadow:var(--app-shadow-card)}.network-management-modal .component-selection .component-grid .network-card .action-btn.disabled[data-v-ccaaba08]{opacity:.3;cursor:not-allowed}.network-management-modal .component-selection .component-grid .network-card .action-btn.disabled[data-v-ccaaba08]: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-ccaaba08]{color:var(--app-color-success)}.network-management-modal .component-selection .component-grid .network-card .bind-btn[data-v-ccaaba08]:hover:not(.disabled){background:var(--app-color-success-light);border-color:var(--app-color-success);color:var(--app-color-success)}.network-management-modal .component-selection .component-grid .network-card .edit-btn[data-v-ccaaba08]{color:var(--app-color-primary-active)}.network-management-modal .component-selection .component-grid .network-card .edit-btn[data-v-ccaaba08]:hover:not(.disabled){background:var(--app-color-primary-light);border-color:var(--app-color-primary-border);color:var(--app-color-primary)}.mqtt-type-badge[data-v-ccaaba08]{position:absolute;top:8px;right:8px;z-index:1}.mqtt-badge-client[data-v-ccaaba08],.mqtt-badge-server[data-v-ccaaba08]{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;color:var(--app-color-text-secondary);line-height:1.2;background:var(--app-color-fill);border:1px solid var(--app-color-border);-webkit-box-shadow:var(--app-shadow-card);box-shadow:var(--app-shadow-card)}.mqtt-badge-client[data-v-ccaaba08],.mqtt-badge-server[data-v-ccaaba08]{color:var(--app-color-text-tertiary);background:var(--app-color-bg-hover)}.status-running[data-v-ccaaba08]{color:var(--app-color-success);font-weight:500}.status-stopped[data-v-ccaaba08]{color:var(--app-color-warning-hover);font-weight:500}.status-unconfigured[data-v-ccaaba08]{color:var(--app-color-text-tertiary);font-weight:500}.topic-usage-guide p[data-v-ccaaba08]{margin:0 0 8px 0;line-height:1.5}.topic-usage-guide ol[data-v-ccaaba08]{margin:8px 0 0 0;padding-left:20px}.topic-usage-guide ol li[data-v-ccaaba08]{margin-bottom:4px;line-height:1.5}.topic-usage-guide ol li code[data-v-ccaaba08]{background:var(--app-color-fill);padding:2px 4px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:var(--app-color-error-active)}