body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root,.App{height:100vh}.App{display:flex;flex-direction:column}.app-layout{height:100vh}.header{align-items:center;background:#001529;display:flex;justify-content:space-between;padding:0 16px}.header-title{color:#fff;font-size:18px;font-weight:700}.content-layout{height:calc(100vh - 64px)}.sidebar{background:#f0f2f5;border-right:1px solid #d9d9d9}.sidebar-menu{border-right:none;height:100%}.main-content{background:#fff;overflow-y:auto;padding:24px}.page-content{min-height:100%}.page-title{color:#262626;font-size:24px;font-weight:700;margin-bottom:16px}.page-description{color:#8c8c8c;margin-bottom:24px}.radio-group-page{align-items:center;background:#fafafa;display:flex;justify-content:center;min-height:100vh;padding:20px}.page-header{margin-bottom:32px}.style-editor{border:1px solid #d9d9d9;border-radius:8px;box-shadow:0 4px 12px #0000001a;flex-direction:column;height:637px;overflow:hidden;width:565px}.editor-header,.style-editor{background:#f0f0f0;display:flex}.editor-header{align-items:center;border-bottom:1px solid #d9d9d9;flex-shrink:0;justify-content:space-between;padding:8px 12px}.editor-title{color:#262626;font-size:12px;font-weight:600}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#8c8c8c;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s;width:24px}.close-button:hover{background:#f0f0f0;color:#262626}.editor-content{flex:1 1;overflow-y:auto;padding:12px}.editor-footer{background:#f0f0f0;border-top:1px solid #d9d9d9;flex-shrink:0;padding:8px 12px}.footer-buttons{display:flex;gap:12px;justify-content:flex-end}.footer-button{border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:12px;height:24px;min-width:80px;padding:4px 24px;transition:all .2s}.cancel-button{background:#fff;color:#595959}.cancel-button:hover{border-color:#40a9ff;color:#40a9ff}.ok-button{background:#1890ff;border-color:#1890ff;color:#fff}.ok-button:hover{background:#40a9ff;border-color:#40a9ff}.editor-row{display:flex;gap:32px;margin-bottom:12px}.editor-section{flex:1 1}.field-row{align-items:center;display:flex;gap:4px;margin-bottom:12px}.field-label{color:#262626;font-size:12px;font-weight:500;min-width:64px}.text-input{border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;flex:1 1;font-size:12px;height:24px;padding:4px 8px}.text-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.select-input{background:#fff;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;flex:1 1;font-size:12px;height:24px;padding:4px 8px}.select-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.radio-group{display:flex;gap:0}.radio-button{background:#fff;border:1px solid #d9d9d9;border-radius:0;border-right:none;box-sizing:border-box;cursor:pointer;font-size:12px;height:24px;padding:4px 16px;transition:all .2s}.radio-button:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.radio-button:last-child{border-bottom-right-radius:4px;border-right:1px solid #d9d9d9;border-top-right-radius:4px}.radio-button:hover{border-color:#1890ff;color:#1890ff;position:relative;z-index:1}.radio-button.active{background:#1890ff;border-color:#1890ff;color:#fff;position:relative;z-index:2}.editor-tabs{margin-bottom:16px}.tab-header{border-bottom:1px solid #d9d9d9;display:flex;margin-bottom:12px}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#8c8c8c;cursor:pointer;font-size:12px;margin-right:24px;padding:6px 16px;transition:all .2s}.tab-button:hover{color:#1890ff}.tab-button.active{border-bottom-color:#1890ff;color:#1890ff}.tab-content{padding:8px 0}.border-panel,.border-radius-panel,.color-panel,.other-panel,.shadow-panel{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:12px}.border-section,.color-section,.other-section,.radius-section,.shadow-section{align-items:center;display:flex;gap:8px;margin-bottom:8px}.border-section label,.color-section label,.other-section label,.radius-section label,.shadow-section label{color:#262626;font-size:12px;font-weight:500;min-width:64px}.color-input-group{align-items:center;display:flex;gap:8px}.color-picker{border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;height:32px;width:40px}.color-text{font-family:monospace;width:100px}.color-text,.number-input{border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;font-size:12px;height:24px;padding:4px 8px}.number-input{width:80px}.range-input{width:200px}.preview-section{background:#f0f0f0;border-radius:8px;padding:12px}.preview-section h3{color:#262626;font-size:12px;font-weight:600;margin:0 0 8px}.preview-container{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;display:flex;justify-content:center;min-height:80px;padding:12px}.radio-group-preview{align-items:center;display:flex;gap:0}.radio-button-preview{background:#fff;border:1px solid #d9d9d9;border-radius:0;border-right:none;box-sizing:border-box;cursor:pointer;font-size:12px;height:24px;padding:4px 16px;transition:all .2s}.radio-button-preview:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.radio-button-preview:last-child{border-bottom-right-radius:4px;border-right:1px solid #d9d9d9;border-top-right-radius:4px}.radio-button-preview:hover{border-color:#1890ff;color:#1890ff;position:relative;z-index:1}.radio-button-preview.active{background:#1890ff;border-color:#1890ff;color:#fff;position:relative;z-index:2}.mobile-query-page{align-items:center;display:flex;flex-direction:column;padding:20px}.phone-simulator{background:#000;border-radius:40px;box-shadow:0 10px 40px #0000004d;height:812px;padding:10px;position:relative;width:375px}.phone-notch{background:#000;border-radius:0 0 20px 20px;height:30px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:150px;z-index:100}.phone-screen{background:#f5f5f5;border-radius:30px;height:100%;overflow:hidden;position:relative;width:100%}.phone-home-indicator{background:#000;border-radius:3px;bottom:8px;height:5px;left:50%;position:absolute;transform:translateX(-50%);width:134px}.phone-content{padding:50px 16px 16px}.mock-header{background:#1890ff;color:#fff;font-size:16px;font-weight:500;margin:-50px -16px 16px;padding:50px 16px 12px}.mock-list{display:flex;flex-direction:column;gap:12px}.mock-item{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:60px}.mobile-dialog-overlay{align-items:center;background:#00000080;border-radius:30px;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:absolute;right:0;top:0}.mobile-query-dialog{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90%;overflow:hidden;width:100%}.mobile-dialog-header{align-items:center;background:#fafafa;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:14px 16px}.mobile-dialog-title{color:#262626;font-size:16px;font-weight:600}.mobile-dialog-close{align-items:center;background:none;border:none;border-radius:4px;color:#8c8c8c;cursor:pointer;display:flex;font-size:22px;height:28px;justify-content:center;width:28px}.mobile-dialog-close:hover{background:#f0f0f0;color:#262626}.mobile-dialog-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #e8e8e8;display:flex;flex-direction:row;gap:10px;padding:12px 16px}.mobile-add-btn{background:#1890ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s;white-space:nowrap}.mobile-add-btn:hover{background:#40a9ff}.mobile-match-select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#262626;flex:1 1;font-size:13px;padding:8px 12px}.mobile-conditions-list{display:flex;flex:1 1;flex-direction:column;gap:8px;max-height:350px;overflow-y:auto;padding:8px 12px}.mobile-condition-card{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;padding:10px}.mobile-condition-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.condition-number{color:#1890ff;font-size:13px;font-weight:600}.mobile-delete-btn{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s;width:28px}.mobile-delete-btn:hover:not(:disabled){border-color:#ff4d4f;color:#ff4d4f}.mobile-delete-btn:disabled{cursor:not-allowed;opacity:.4}.mobile-condition-row{align-items:center;display:flex;flex-direction:row;gap:8px;margin-bottom:10px}.mobile-condition-row:last-child{margin-bottom:0}.mobile-condition-row label{color:#8c8c8c;flex-shrink:0;font-size:12px;font-weight:500;min-width:55px}.mobile-input,.mobile-select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:14px;min-width:0;padding:8px 12px}.mobile-input:focus,.mobile-select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.mobile-dialog-footer{background:#fafafa;border-top:1px solid #e8e8e8;display:flex;flex-direction:column;gap:10px;padding:12px 16px}.mobile-clear-btn{background:#fff;border:1px solid #1890ff;border-radius:6px;color:#1890ff;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.mobile-clear-btn:hover{background:#e6f7ff}.mobile-footer-right{display:flex;gap:10px}.mobile-ok-btn{background:#1890ff;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:background .2s}.mobile-ok-btn:hover{background:#40a9ff}.mobile-cancel-btn{background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#595959;cursor:pointer;flex:1 1;font-size:14px;padding:10px 16px;transition:all .2s}.mobile-cancel-btn:hover{border-color:#40a9ff;color:#40a9ff}.show-dialog-btn{background:#1890ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;padding:12px 24px;transition:background .2s}.show-dialog-btn:hover{background:#40a9ff}.phone-simulators-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.phone-simulator-wrapper{align-items:center;display:flex;flex-direction:column}.simulator-label{color:#595959;font-size:14px;font-weight:500;margin-bottom:16px}.show-dialog-buttons{display:flex;gap:16px;margin-top:20px}.mobile-condition-row-vertical{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.mobile-condition-row-vertical:last-child{margin-bottom:0}.mobile-condition-row-vertical label{color:#8c8c8c;font-size:12px;font-weight:500}
/*# sourceMappingURL=main.c884a18b.css.map*/