*{margin:0;padding:0;box-sizing:border-box}body{font-family:pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;background-color:#fff;color:#333;min-height:100vh}.main-content-wrapper{display:flex;gap:0;height:100vh;position:relative}.resize-handle{width:8px;background-color:#e8e8e8;cursor:col-resize;transition:background-color .2s;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:10}.resize-handle.active,.resize-handle:hover{background-color:#1890ff}.resize-handle:before{content:"";width:2px;height:30px;background-color:#999;border-radius:1px}.panel,.resize-handle.active:before,.resize-handle:hover:before{background-color:#fff}.panel{overflow:hidden;display:flex;flex-direction:column}.left-panel{flex:2}.left-panel,.right-panel{min-width:300px;max-width:calc(100% - 300px)}.right-panel{flex:3}.panel-header{padding:5px 10px;background-color:#f8f9fa;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center}.left-panel-header{display:flex;justify-content:end}.panel-title{font-size:1.1rem;color:#333;display:flex;align-items:center;gap:8px}.btn,.panel-actions{display:flex;gap:5px}.btn{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s;align-items:center}.btn-primary{background-color:#1890ff;color:#fff}.btn-primary:hover{background-color:#40a9ff}.btn-secondary{background-color:#f0f0f0;color:#333}.btn-secondary:hover{background-color:#e0e0e0}.btn-success{background-color:#52c41a;color:#fff}.btn-success:hover{background-color:#73d13d}.panel-content{flex:1;overflow:hidden}.textarea-container{height:100%;position:relative}#jsonInput{width:100%;border:none;resize:none;outline:none;color:#707d6b}#jsonInput,.json-display-container{height:100%;padding:16px;font-size:14px;line-height:1.5}.json-display-container{overflow:auto;background-color:#fafafa}.json-display{white-space:pre-wrap;word-break:break-all}.json-key{color:#92278f;font-weight:700}.json-string{color:#3ab54a}.json-number{color:#25aae2}.json-boolean{color:#f98280}.json-null{color:#f1592a}.json-punctuation{color:#333}.error-message{color:#ff4d4f;padding:10px;background-color:#fff2f0;margin:10px 0}.error-message,.size-info{border-radius:4px;display:none}.size-info{position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,.7);color:#fff;padding:4px 8px;font-size:.8rem;z-index:20}.layout-controls{position:absolute;top:10px;left:10px;display:flex;gap:5px;z-index:5}.layout-btn{padding:4px 8px;background-color:rgba(0,0,0,.7);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;transition:background-color .2s}.layout-btn:hover{background-color:#1890ff}nav{height:60px;width:100%}label.logo{color:#fff;font-size:35px;line-height:60px;padding:0 100px;font-weight:lighter}nav ul{float:right;margin-right:20px}nav ul li{display:inline-block;line-height:60px;margin:0 5px}nav ul li a{color:#000;font-size:15px;font-weight:lighter;padding:7px 13px;border-radius:3px;text-transform:uppercase}a.active,a:hover{background:none;color:#ff6a00}.checkbtn{font-size:30px;color:#000;float:right;line-height:60px;margin-right:40px}#check,.checkbtn,nav ul li.mobileMenu{display:none}.container-footer{margin:0 70px;margin-bottom:30px;bottom:5px;border-top:1px solid #eee}#footer{margin-top:12px}#footer p a:hover{background:none}#footer p{text-align:center;margin-top:10px}@media (max-width:952px){label.logo{font-size:35px;padding-left:50px}nav ul li a{font-size:16px}}@media (max-width:858px){.checkbtn{display:block}nav ul li.mobileMenu{display:block;padding-left:70%}nav ul{position:fixed;width:100%;height:100%;overflow:auto;background-color:#fff;box-shadow:0 10px 50px rgba(27,31,35,.15);top:0;right:100%;text-align:center;transition:all .5s;z-index:100}nav ul li{display:block;margin:50px 0;line-height:30px}nav ul li a{color:#444d56;font-size:20px;font-weight:lighter}a.active,a:hover{background:none;color:#ff6a00}a{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;user-select:none;-moz-user-focus:none;-moz-user-select:none}#check:checked~ul{left:0}.container-footer{margin:0 35px;margin-top:30px;margin-bottom:30px;border-top:1px solid #eee}section.custom-section{flex:1;width:100%!important;padding-left:5%;padding-right:5%}.mysql-monitor-label{width:45%!important}}[data-v-61152b55] .el-textarea__inner{font-family:pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important}[data-v-61152b55] .el-button+.el-button,[data-v-61152b55] .el-button--medium,[data-v-61152b55] .el-button--small{margin-left:0;margin-right:10px;margin-bottom:3px}.icon-link[data-v-61152b55]{margin-left:7px}.custom-section a[data-v-61152b55]{color:blue;text-decoration:none}.custom-section a[data-v-61152b55]:hover{background:none}.top__scroll[data-v-61152b55]{height:100%;overflow:auto}