.light-theme{--bg-color: #ffffff;--text-color: #333333}.dark-theme{--bg-color: #1f1f1f;--text-color: #ffffff}.theme-toggle-btn{position:fixed;top:20px;right:20px;padding:10px;background:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer}.content-area{background:var(--bg-color);color:var(--text-color);min-height:100vh;padding:20px}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#2c3e50;color:#fff;padding:10px 50px}.header .left{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.header .left .icon{margin-right:5px;width:50px;height:52px}.header .left .title{font-size:20px;font-weight:700}.header .right{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.header .right .status{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background-color:#d4edda;border-radius:20px;padding:5px 10px;margin-right:10px;height:32px}.header .right .status .light{border-radius:50%;width:8px;height:8px;margin-right:5px}.header .right .status .light.on{background-color:#52be7e}.header .right .status .light.off{background-color:#ff3c00}.header .right .status .txt{font-size:12px;color:#333;font-weight:700}.header .right .status .txt.on{color:#52be7e}.header .right .status .txt.off{color:#ff3c00}.header .right .style{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background-color:#566573;border-radius:4px;padding:5px 10px;margin-right:10px;min-width:90px;height:32px}.header .right .style:hover{cursor:pointer;background-color:#6c7885;transition:all .3s}.header .right .style .icon{margin-right:5px;display:flex;justify-content:center;align-items:center}.header .right .style .txt{font-size:12px}.header .right .language{background-color:#566573}.header .right .language .select .ant-select-selection-item{color:#fff;font-size:12px}.header .right .language .select .anticon{color:#fff}.dark-theme .header{background-color:#1f1f1f}.dark-theme .header .style{background-color:#2d2d2d}.dark-theme .header .language{background-color:#4c4c4c}.navigation{margin-bottom:20px}.navigation .menu{padding:0 50px;border-bottom:solid 1px #e1e4e8}.navigation .breadcrumb{padding:10px 50px;border-bottom:solid 1px #e1e4e8;font-size:14px;color:#666}main{max-width:1400px;margin:0 auto;min-height:100vh}.dark-theme{background-color:#1a1a1a}.dark-theme .ant-card{border:none}.dark-theme .ant-select-dropdown .ant-select-item-option-selected{background-color:#2d2d2d}.dark-theme .ant-select-dropdown{background-color:#1a1a1a}.dark-theme .ant-select-dropdown .ant-select-item{color:#fff}.dark-theme .ant-select{background-color:#2d2d2d}.dark-theme .ant-select-selector{background-color:#2d2d2d!important}.dark-theme .ant-select-selector .ant-select-selection-item{color:#fff}.dark-theme .ant-input-number{background-color:#2d2d2d}.dark-theme .ant-input-number input{color:#fff!important}.dark-theme .ant-input{background-color:#2d2d2d}.dark-theme .ant-input::placeholder{color:#6d6b6b}.dark-theme .ant-form-item-label>label{color:#fff}.dark-theme .ant-form-item-extra{color:#fff}.dark-theme .ant-card-head{background-color:#2d2d2d;color:#fff}.dark-theme .ant-card-body{background-color:#2d2d2d;color:#9f9f9f}.dark-theme .ant-card-body .item-tit{color:#95a5a6}.dark-theme .ant-card-body .ant-form-item-required,.dark-theme .ant-card-body .ant-checkbox-label{color:#9f9f9f}.dark-theme .menu{background-color:#2d2d2d;border-bottom-color:#404040}.dark-theme .menu .ant-menu{background-color:#2d2d2d}.dark-theme .menu .ant-menu .ant-menu-item{color:#a09c93}.dark-theme .menu .ant-menu .ant-menu-item:hover{border-bottom-color:#3498db!important;color:#fff}.dark-theme .menu .ant-menu .ant-menu-item-selected{color:#3498db}.dark-theme .menu .ant-menu .ant-menu-item-selected:after{border-bottom-color:#3498db}.dark-theme .breadcrumb{background-color:#2d2d2d;color:#a09c93;border-bottom-color:#404040}.console-container .row-a1{display:flex;flex-direction:row;justify-content:space-between}.console-container .row-a1 .title .tit{margin-left:5px}.console-container .row-a1 .left{width:970px}.console-container .row-a1 .left .con-a1{margin-bottom:20px}.console-container .row-a1 .left .con-a1 .list{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.console-container .row-a1 .left .con-a1 .list .li{width:48%;background-color:#f8f9fa;margin-bottom:10px;padding:20px;border-left:solid 4px #3498db;border-radius:8px}.console-container .row-a1 .left .con-a1 .list .li .tit{font-size:12px;color:#959795}.console-container .row-a1 .left .con-a1 .list .li .txt{font-weight:700;font-size:16px}.console-container .row-a1 .left .con-a1 .list .li .txt.on{color:#35ae60}.console-container .row-a1 .left .con-a1 .list .li .txt.off{color:#e74c3c}.console-container .row-a1 .left .con-a2{color:#fff;width:100%;margin-bottom:20px}.console-container .row-a1 .left .con-a2 .ant-col{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px}.console-container .row-a1 .left .con-a2 .btn{padding:15px;border-radius:4px;width:48%;transition:all .3s;color:#fff}.console-container .row-a1 .left .con-a2 .btn .anticon{margin-right:5px}.console-container .row-a1 .left .con-a2 .btn.start-btn{background-color:#24a259}.console-container .row-a1 .left .con-a2 .btn.start-btn:hover{cursor:pointer;background-color:#1f7c3d}.console-container .row-a1 .left .con-a2 .btn.pause-btn{background-color:#e74c3c}.console-container .row-a1 .left .con-a2 .btn.pause-btn:hover{cursor:pointer;background-color:#c0392b}.console-container .row-a1 .left .con-a2 .btn.reset-btn{width:100%;background-color:#f29914}.console-container .row-a1 .left .con-a2 .btn.reset-btn:hover{cursor:pointer;background-color:#dbba0d}.console-container .row-a1 .left .con-a3 .download-btn{min-width:120px;background-color:#3498db;text-align:left;color:#fff;padding:15px;border-radius:4px;transition:all .3s}.console-container .row-a1 .left .con-a3 .download-btn:hover{cursor:pointer;background-color:#2980b9}.console-container .row-a1 .left .con-a3 .download-btn .anticon{margin-right:5px}.console-container .row-a1 .right{width:410px}.console-container .row-a1 .right .con-a4{margin-bottom:20px}.console-container .row-a1 .right .con-a4 .list .li{background-color:#f8f9fa;margin-bottom:10px;padding:20px;border-left:solid 4px #3498db;border-radius:8px}.console-container .row-a1 .right .con-a4 .list .li .tit{font-size:12px;color:#959795}.console-container .row-a1 .right .con-a4 .list .li .txt{font-weight:700;font-size:16px}.console-container .row-a1 .right .con-a4 .list .li .txt.light{color:#35ae60}.console-container .row-a1 .right .con-a5 .list{background-color:#1e1e1e;padding:20px;border-radius:8px;max-height:300px;overflow:auto}.console-container .row-a1 .right .con-a5 .list .li{color:#4ec9b0;font-size:12px}.dark-theme .console-container .row-a1 .left .con-a1 .list .li,.dark-theme .console-container .row-a1 .right .con-a4 .list .li{background-color:#3a3a3a}.config-container .row-a1{display:flex;flex-direction:row;justify-content:space-between}.config-container .row-a1 .title .tit{margin-left:5px}.config-container .row-a1 .left{width:970px}.config-container .row-a1 .left .con-a1{margin-bottom:20px}.config-container .row-a1 .left .con-a1 .upload{margin-bottom:10px}.config-container .row-a1 .left .con-a1 .ant-btn{width:100%;background-color:#f39c12;color:#fff}.config-container .row-a1 .left .con-a2{margin-bottom:20px}.config-container .row-a1 .left .con-a2 .submit-btn{background-color:#27ae60}.config-container .row-a1 .left .con-a4 .ant-btn{background-color:#f39c12}.config-container .row-a1 .right{width:410px}.config-container .row-a1 .right .con-a3 .status{display:flex;align-items:center;padding:15px;background-color:#d1ecf1;border-left:solid 4px #17a2b8;color:#0c5460;margin-bottom:20px;border-radius:4px}.config-container .row-a1 .right .con-a3 .list .li{padding:15px;margin-bottom:20px;background-color:#f8f9fa;border-left:solid 4px #3b9cdc;border-radius:8px}.config-container .row-a1 .right .con-a3 .list .li .tit{font-size:12px;color:#666}.config-container .row-a1 .right .con-a3 .list .li .text{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.config-container .row-a1 .right .con-a3 .list .li .text .txt{font-weight:700}.dark-theme .row-a1 .left .con-a1 .ant-upload-drag-container .ant-upload-text,.dark-theme .row-a1 .left .con-a1 .ant-upload-drag-container .ant-upload-hint{color:#fff}.dark-theme .row-a1 .right .con-a3 .list .li{background-color:#3a3a3a}.web-container .row-a1 .left .con-a1{margin-bottom:20px}.web-container .row-a1 .left .con-a1 .ant-btn{margin-right:10px}.web-container .row-a1 .left .con-a1 .ant-btn.submit-btn{background-color:#f0ad4e}.web-container .row-a1 .left .con-a2 .ant-col{text-align:center;margin-bottom:10px}.web-container .row-a1 .left .con-a2 .ant-select{width:100%}.web-container .row-a1 .left .con-a2 .ant-btn{margin:auto}.web-container .row-a1 .right .con-a3 .list .li{display:flex;align-items:center;padding:15px;background-color:#d1ecf1;border-left:solid 4px #17a2b8;color:#0c5460;margin-bottom:20px;border-radius:4px}.web-container .row-a1{display:flex;flex-direction:row;justify-content:space-between}.web-container .row-a1 .left{width:970px}.web-container .row-a1 .left .title .tit{margin-left:5px}.web-container .row-a1 .left .con-a1 .tips{font-size:12px}.web-container .row-a1 .left .con-a1 .item-tit{margin-right:5px}.web-container .row-a1 .left .con-a1 .btns{margin-right:10px;display:flex;justify-content:flex-start;align-items:center}.web-container .row-a1 .left .con-a1 .btns .btn{min-width:100px;margin-right:10px}.web-container .row-a1 .left .con-a1 .btns .test-btn{background-color:#3498db}.web-container .row-a1 .left .con-a1 .btns .submit-btn{background-color:#27ae60}.web-container .row-a1 .left .con-a1 .btns .reset-btn{background-color:#95a5a6}.web-container .row-a1 .right{width:410px}.web-container .row-a1 .right .title .tit{margin-left:5px}.web-container .row-a1 .right .con-a2{margin-bottom:20px}.web-container .row-a1 .right .con-a2 .list .li{padding:15px;margin-bottom:20px;background-color:#f8f9fa;border-left:solid 4px #3b9cdc;border-radius:8px}.web-container .row-a1 .right .con-a2 .list .li .tit{font-size:12px;color:#666}.web-container .row-a1 .right .con-a2 .list .li .text{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.web-container .row-a1 .right .con-a2 .list .li .text .light{width:8px;height:8px;border-radius:50%;background-color:#27ae60;margin-right:5px}.web-container .row-a1 .right .con-a2 .list .li .text .txt{font-weight:700}.web-container .row-a1 .right .con-a2 .list .li .text .light+.txt{color:#27ae60}.dark-theme .web-container .row-a1 .right .con-a2 .list .li{background-color:#3a3a3a}.wscn-http404-container{transform:translate(-50%,-50%);position:absolute;top:40%;left:50%}.wscn-http404{position:relative;width:1200px;padding:0 50px;overflow:hidden}.wscn-http404 .pic-404{position:relative;float:left;width:600px;overflow:hidden}.wscn-http404 .pic-404__parent{width:100%}.wscn-http404 .pic-404__child{position:absolute}.wscn-http404 .pic-404__child.left{width:80px;top:17px;left:220px;opacity:0;animation-name:cloudLeft;animation-duration:2s;animation-timing-function:linear;animation-fill-mode:forwards;animation-delay:1s}.wscn-http404 .pic-404__child.mid{width:46px;top:10px;left:420px;opacity:0;animation-name:cloudMid;animation-duration:2s;animation-timing-function:linear;animation-fill-mode:forwards;animation-delay:1.2s}.wscn-http404 .pic-404__child.right{width:62px;top:100px;left:500px;opacity:0;animation-name:cloudRight;animation-duration:2s;animation-timing-function:linear;animation-fill-mode:forwards;animation-delay:1s}@keyframes cloudLeft{0%{top:17px;left:220px;opacity:0}20%{top:33px;left:188px;opacity:1}80%{top:81px;left:92px;opacity:1}to{top:97px;left:60px;opacity:0}}@keyframes cloudMid{0%{top:10px;left:420px;opacity:0}20%{top:40px;left:360px;opacity:1}70%{top:130px;left:180px;opacity:1}to{top:160px;left:120px;opacity:0}}@keyframes cloudRight{0%{top:100px;left:500px;opacity:0}20%{top:120px;left:460px;opacity:1}80%{top:180px;left:340px;opacity:1}to{top:200px;left:300px;opacity:0}}.wscn-http404 .bullshit{position:relative;float:left;width:410px;padding:30px 0;overflow:hidden}.wscn-http404 .bullshit__oops{font-size:32px;font-weight:700;line-height:40px;color:#1482f0;opacity:0;margin-bottom:20px;animation-name:slideUp;animation-duration:.5s;animation-fill-mode:forwards}.wscn-http404 .bullshit__headline{font-size:20px;line-height:24px;color:#222;font-weight:700;opacity:0;margin-bottom:10px;animation-name:slideUp;animation-duration:.5s;animation-delay:.1s;animation-fill-mode:forwards}.wscn-http404 .bullshit__info{font-size:13px;line-height:21px;color:gray;opacity:0;margin-bottom:30px;animation-name:slideUp;animation-duration:.5s;animation-delay:.2s;animation-fill-mode:forwards}.wscn-http404 .bullshit__return-home{display:block;float:left;width:110px;height:36px;background:#1482f0;border-radius:100px;text-align:center;color:#fff;opacity:0;font-size:14px;line-height:36px;cursor:pointer;animation-name:slideUp;animation-duration:.5s;animation-delay:.3s;animation-fill-mode:forwards}@keyframes slideUp{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;line-height:1.6}#root{height:100vh}