*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5}#root{width:100%;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.rocketmq-config-generator{min-height:100vh;display:flex;flex-direction:column;position:relative}.left-sidebar{width:300px;background-color:#fff;border-right:1px solid #e8e8e8;padding:24px;overflow-y:auto}.left-sidebar-header{font-size:18px;font-weight:600;margin-bottom:24px;color:#262626}.config-item{margin-bottom:16px}.config-item-label{font-size:14px;color:#595959;margin-bottom:8px}.config-item-value{font-size:14px;color:#262626;background-color:#f5f5f5;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s}.config-item-value:hover{background-color:#e6f7ff}.config-item-value.editable{color:#1890ff}.config-item-value.multi-line{white-space:pre-wrap;word-break:break-all}.input-modal .ant-modal-header{border-bottom:1px solid #f0f0f0}.input-modal .ant-modal-title{font-size:16px;color:#262626}.input-modal .ant-form-item{margin-bottom:16px}.header{background-color:#fff;padding:24px 48px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;text-align:center}.main-content{flex:1;display:flex;padding:0 48px 48px;max-width:1400px;margin:0 auto;width:100%}.center-content{flex:1;padding:0 24px;overflow-y:auto}.container{flex:1;max-width:1000px;width:100%;margin:0 auto}.form-actions{margin-top:24px;display:flex;justify-content:flex-end}.ant-table td .ant-input,.ant-table td .ant-input-number,.ant-table td .ant-input-number-input-wrap,.ant-table td .ant-input-number-input,.ant-table td .ant-select,.ant-table td .ant-select .ant-select-selector,.ant-table td .ant-select .ant-select-selection-item{width:280px!important;min-width:280px!important;box-sizing:border-box}.result-card{background-color:#fafafa}.result-actions{margin-bottom:16px;display:flex;justify-content:flex-end}.config-content{background-color:#001529;color:#fff;padding:16px;border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.sidebar{width:300px;overflow-y:auto}.tip-card{background-color:#f0f9ff!important;border:1px solid #91d5ff}.tip-card .ant-card-head{background-color:#e6f7ff!important}.tip-content p{margin-bottom:12px;color:#262626}.tip-content ul{padding-left:20px}.tip-content li{margin-bottom:8px;color:#595959;line-height:1.5}@media (max-width: 1200px){.sidebar,.left-sidebar{width:250px}.main-content{padding:0 24px 24px}}@media (max-width: 768px){.header{padding:16px 24px}.main-content{flex-direction:column;padding:0 16px 16px;margin-left:0}.left-sidebar{width:100%;margin-bottom:16px;height:auto;position:relative;top:0;padding:16px}.center-content{padding:0;margin-bottom:16px}.sidebar{width:100%;position:relative;right:0;top:0}}.footer{text-align:center;padding:24px;color:#00000073}