body{margin:0;padding:0;font-family:sans-serif}.layout-sider{width:220px;position:absolute;background:#001529;height:100%;min-height:100%;border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9}.layout-main{min-width:300px}.layout-container-hashead{padding:0 8px 8px;height:calc(100vh - 40px);overflow:auto}.layout-container{padding:0 8px 8px;height:100vh;overflow:auto}.layout-content{background:#fff;border-radius:8px;padding-top:16px;padding-left:4px;padding-right:4px;margin:0 8px}.layout-header{background:#fafafa;height:40px;padding-left:8px;font-size:13px;font-weight:700;line-height:40px;z-index:999}.autobr{width:100%;word-break:normal;display:block;word-wrap:break-word;overflow:hidden}.react-resizable{position:relative;background-clip:padding-box}.react-resizable-handle{position:absolute;width:10px;height:100%;bottom:0;right:-5px;cursor:col-resize;z-index:1}.upload-list-inline .ant-upload-list-item{float:left;width:200px;margin-right:8px}.upload-list-inline .ant-upload-animate-enter{animation-name:uploadAnimateInlineIn}.upload-list-inline .ant-upload-animate-leave{animation-name:uploadAnimateInlineOut}.infinite-container{border-radius:4px;overflow:auto;padding:0;height:calc(100vh - 72px)}.loading-container{position:absolute;bottom:40px;width:100%;text-align:center}.detail-infinite-container{border-radius:4px;overflow:auto;padding:0;height:calc(100vh - 72px)}.ant-list-grid .ant-col>.ant-list-item{display:block;max-width:100%;margin-bottom:0;padding-top:0;padding-bottom:0;border-bottom:none}.anchor{margin-left:8px;color:#fff}a:hover{color:#40a9ff}a:active{color:#096dd9}.ant-back-top{top:40px;right:0}.anchor-folder{width:30px;position:fixed;top:56px;right:40px;z-index:66}.anchor-div{position:fixed;top:56px;right:80px;z-index:66}.centered-ch{display:flex;align-items:center}.centered-sp{display:flex;justify-content:center}.flex-start{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.flex-bottom{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end}.flex-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.flex-row-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.flex-row-center{display:flex;flex-direction:row;align-items:center;justify-content:center}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center}.mask{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:9999;background:#ffffffb3;display:flex;align-items:center;justify-content:center}.chart-grid1{width:100vw;height:100vh;display:grid;grid-template-columns:1fr;gap:16px}.chart-grid2{width:100vw;height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-grid3{width:100vw;height:100vh;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.chart-grid4{width:100vw;height:100vh;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}.chart-grid5{width:100vw;height:100vh;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:16px}.chart-grid6{width:100vw;height:100vh;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:16px}.space-between{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.between{display:flex;justify-content:space-between}.between span{display:inline-block}.icon-button{width:32px;padding:0}.menu-icon{font-size:16px;margin-right:8px;width:20px;display:inline-block}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload-wrapper{position:relative;overflow:hidden;display:inline-block}.file-upload{position:absolute;font-size:100px;opacity:0;right:0;top:0}.file-upload-button{display:inline-block;cursor:pointer}.file-upload-button:hover{background-color:#e9e9e9}.circle{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border:2px solid;border-radius:50%;border-color:#1890ff}.circle span{color:#1890ff;font-weight:200;transform:scale(.9)}.tableRow-0{background:#8ec8fe08}.ootable .tableRow-0{height:10px}td .ant-form-item{margin-bottom:0}.ootable td{padding:0 8px!important}.ootable .ant-input-group-wrapper{display:inline!important}.ooform .ant-form-item-label>label{color:#555;font-weight:600}.ooform textarea{border:1px solid #d9d9d9!important}.group-label{width:100%;margin-top:32px;padding-top:16px;border-top:1px solid #dedede}.ooicon-oper,.ooicon24-oper,.ooicon32-oper{color:#1890ff;font-size:16px;margin-right:8px}.ooa-oper{color:#1890ff;margin-right:12px}.ooicon{font-size:16px}.ooicon:hover,.ooicon-oper:hover,.ooicon24-oper:hover,.ooicon32-oper:hover,.ooa-oper:hover{border-radius:4;cursor:pointer;color:#82c0ff}.ooa:hover{cursor:pointer}.ooicon-inbutton{font-size:16}tr.drop-over-downward td{border-bottom:2px dashed #1890ff}tr.drop-over-upward td{border-top:2px dashed #1890ff}.bottom-copyright{width:600px;height:50px;margin:0 auto 0 -100px}.login-main{background:#efefef;height:100vh}.login-box{width:600px;margin:0 auto;padding-left:120px;padding-right:120px;padding-top:48px;background:#fff;border:1px solid #efefef;border-radius:8}.phone-login-box{width:100vw;margin:0 auto;background:#fff}.login-icon{margin:0 auto;width:360px;height:200px;background-image:url(/oo.png);background-repeat:no-repeat;background-size:cover}.login-body{margin:0 auto;width:360px;height:calc(100vh - 300px);padding-right:8px;padding-left:8px;padding-top:48px}.phone-login-body{margin:0 auto;width:360px;height:calc(100vh - 200px);padding-right:8px;padding-left:8px;padding-top:48px}.gongan-image{vertical-align:top;width:16px;height:16px;margin-right:8px;display:inline-block}*{margin:0;padding:0;box-sizing:border-box}.app-container{max-width:1600px;margin:0 auto;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 40px)}.cockpit-header{background:#fff;color:#fff;padding:8px 0 8px 16px;display:flex;justify-content:space-between;align-items:center}.cockpit-header h1{font-size:24px;font-weight:600}.main-content{display:flex;flex:1;overflow:hidden}.components-panel{width:280px;background-color:#f8f9fa;border-right:1px solid #eaeaea;padding:20px;overflow-y:auto}.panel-title{font-size:18px;margin-bottom:20px;color:#2c3e50;font-weight:600;display:flex;align-items:center;gap:10px}.components-list{display:flex;flex-direction:column;gap:15px}.component-item{background-color:#fff;border-radius:8px;padding:15px;cursor:grab;border:1px solid #e0e0e0;transition:all .2s ease;box-shadow:0 3px 5px #0000000d;position:relative}.component-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00000014;border-color:#3498db}.component-item h3{font-size:16px;margin-bottom:5px;color:#2c3e50}.component-item p{font-size:13px;color:#7f8c8d;line-height:1.4}.canvas-container{flex:1;padding:20px;overflow:auto;background-color:#f5f7fa}.canvas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.canvas-title{font-size:20px;color:#2c3e50;font-weight:600}.responsive-controls{display:flex;background-color:#fff;border-radius:6px;overflow:hidden;border:1px solid #ddd}.responsive-btn{padding:8px 16px;background-color:#fff;border:none;cursor:pointer;font-size:14px;color:#666;transition:all .2s ease}.responsive-btn.active{background-color:#1890ff;color:#fff}.responsive-btn:hover:not(.active){background-color:#f0f0f0}.canvas{background-color:#fff;border-radius:10px;min-height:600px;box-shadow:0 5px 15px #0000000d;padding:20px;position:relative;transition:all .3s ease}.canvas.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;color:#95a5a6}.empty-canvas-message{text-align:center;max-width:400px;margin-top:20px}.empty-canvas-message h3{font-size:22px;margin-bottom:10px;color:#7f8c8d}.grid-container{display:grid;grid-template-columns:repeat(24,1fr);gap:8px;width:100%}.canvas-component{background-color:#fff;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 3px 10px #0000000f;overflow:hidden;transition:all .3s ease;position:relative;min-height:0}.property-group{margin-bottom:25px;background-color:#fff;padding:0 18px;border-radius:8px;box-shadow:0 3px 5px #0000000d}.property-title{font-size:16px;margin-bottom:15px;color:#2c3e50;font-weight:600;display:flex;align-items:center;gap:10px}.property-item{margin-bottom:15px}.property-item label{display:block;font-size:14px;margin-bottom:6px;color:#555}.property-item input,.property-item select{width:100%;padding:10px;border-radius:6px;border:1px solid #ddd;font-size:14px;transition:border .3s}.property-item input:focus,.property-item select:focus{outline:none;border-color:#3498db}.range-container{display:flex;align-items:center;gap:10px}.range-container input{flex:1}.range-value{width:40px;text-align:center;font-size:14px}.drop-zone{border:2px dashed #bdc3c7;border-radius:8px;padding:10px;transition:all .3s ease;min-height:60px}.drop-zone.active{border-color:#3498db;background-color:#3498db0d}.canvas-component:hover{box-shadow:0 5px 15px #0000001a}.canvas-component.drag-over{outline:3px dashed #3498db;transform:scale(1.02)}.component-header{padding:12px 15px;display:flex;justify-content:flex-end;align-items:center;cursor:move}.component-actions{display:flex;gap:8px}.component-content{padding:16px;height:100%;overflow:auto}.data-table{width:100%;font-size:13px}.data-table th{background-color:#f1f8ff;padding:8px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:1px solid #e0e0e0}.data-table td{padding:8px;border-bottom:1px solid #f0f0f0}.data-table tr:hover{background-color:#f9f9f9}.chart-container{height:100%;display:flex;align-items:center;justify-content:center}.chart-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7f8c8d}.chart-placeholder i{font-size:40px;margin-bottom:10px;opacity:.7}.statistics-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.stat-value{font-size:32px;font-weight:700;color:#2c3e50;margin-bottom:5px}.stat-label{font-size:14px;color:#7f8c8d}.stat-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-size:20px;color:#fff}@media(max-width:1200px){.main-content{flex-direction:column}.components-panel{width:100%;border-right:none;border-bottom:1px solid #eaeaea;padding:15px}.components-list{flex-direction:row;flex-wrap:wrap}.component-item{width:calc(50% - 10px)}}@media(max-width:768px){.header{flex-direction:column;gap:15px;align-items:flex-start}.component-item{width:100%}.canvas-header{flex-direction:column;align-items:flex-start;gap:15px}.responsive-controls{width:100%;justify-content:stretch}.responsive-btn{flex:1;text-align:center}}.quick-access-container{width:100%;display:flex;flex-wrap:wrap;gap:16px;padding:16px;box-sizing:border-box}.quick-access-mobile{gap:12px}.quick-access-mobile-item{width:calc(25% - 9px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;cursor:pointer;border-radius:8px;transition:background-color .3s;box-sizing:border-box}.quick-access-mobile-item:hover{background-color:#f0f0f0}.quick-access-mobile-icon{font-size:32px;color:#1890ff;margin-bottom:8px}.quick-access-mobile-name{font-size:12px;color:#333;text-align:center;word-break:break-all;line-height:1.4}.quick-access-desktop{gap:16px}.quick-access-desktop-item{min-width:120px;width:calc(100vh/6 - 44px);font-size:larger;flex:1 1 auto;display:flex;flex-direction:row;align-items:center;cursor:pointer;transition:all .3s;box-sizing:border-box}.quick-access-desktop-item:hover{background-color:#f5f5f5;border-color:#1890ff;box-shadow:0 2px 8px #0000001a}.quick-access-desktop-icon{font-size:28px;margin-right:16px;flex-shrink:0}.quick-access-desktop-name{font-size:14px;color:#333;flex:1;display:flex;align-items:center}