.module{width:1724px;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:40px;overflow:auto;border-radius:4px;border:1px solid #dcdee2}.module_left,.module_right{width:286px;height:890px;float:left;background:#fff}.module_label{height:20px;padding:10px 20px;background:linear-gradient(180deg,#eaeef4,#fff 83%);font-weight:700}.module_label,.module_lable_item{box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.module_lable_item{width:2px;height:11px;background:#448cf7;border-radius:2px;display:inline-block}.module_lable_item_content{display:inline-block;font-size:14px;color:#17233d;line-height:20px;text-shadow:0 2px 10px rgba(0,0,0,.1);text-align:left;font-style:normal}.module_content{overflow-y:auto;height:850px}.module_left_configItem_lable{clear:left;width:220px;height:20px;font-size:14px;color:#17233d;line-height:20px;text-align:left;font-style:normal;margin:10px 20px 0 20px}.module_left_configItem_select{width:230px;margin:10px 20px 0 20px}.module_left_configItem_input,.module_left_configItem_select{height:32px;background:#fff;border-radius:2px;border:1px solid #dcdee2}.module_left_configItem_input{width:225px;margin:10px 10px 0 20px}.module_left_configItem_textarea{width:225px;background:#fff;border-radius:2px;border:1px solid #dcdee2;margin:10px 0 0 20px;resize:none}.module_left{border-radius:4px 0 0 4px}.module_right{border-radius:0 4px 4px 0}.module_middle{width:1152px;height:890px;float:left;background:#17233d;position:relative}.loadEffect{width:120px;height:120px;position:absolute;margin:auto;top:0;left:0;bottom:0;right:0;z-index:999}.loadEffect span{display:inline-block;width:20px;height:20px;border-radius:50%;background:#90ee90;position:absolute;-webkit-animation:load 1.04s ease infinite}.loadEffect span:first-child{left:0;top:50%;margin-top:-8px;-webkit-animation-delay:.13s}.loadEffect span:nth-child(2){left:14px;top:14px;-webkit-animation-delay:.26s}.loadEffect span:nth-child(3){left:50%;top:0;margin-left:-8px;-webkit-animation-delay:.39s}.loadEffect span:nth-child(4){top:14px;right:14px;-webkit-animation-delay:.52s}.loadEffect span:nth-child(5){right:0;top:50%;margin-top:-8px;-webkit-animation-delay:.65s}.loadEffect span:nth-child(6){right:14px;bottom:14px;-webkit-animation-delay:.78s}.loadEffect span:nth-child(7){bottom:0;left:50%;margin-left:-8px;-webkit-animation-delay:.91s}.loadEffect span:nth-child(8){bottom:14px;left:14px;-webkit-animation-delay:1.04s}.canvasDiv,.flvModule,.gwmModule{width:1152px;height:648px;position:absolute}.canvasDiv{width:1152px;height:648px;z-index:8}.canvasDiv1{position:absolute}#playCanvas1,.canvasDiv1{width:1152px;height:644px}.no-padding{margin-top:0;padding-right:0;padding-top:0;vertical-align:middle}.no-padding,.track-padding{padding-left:0;height:28px;display:inline-block;float:left}.track-padding{width:50px}.left{width:28px;float:left}.right{width:28px;float:right}.canvasDiv1{width:100%;height:100%}.fullscreen #playCanvas,.fullscreen #playCanvas1{width:100%!important;height:100%!important}.module_middle_console{height:202px;background:#fff;bottom:0;border-left:1px solid #e8eaec;border-right:1px solid #e8eaec;overflow:hidden;background:#f8f8f9}#canvasFoot,.module_middle_console{width:100%;position:absolute;left:0}#canvasFoot{height:30px;background:#17233d;bottom:202px}.fullscreen #timeTrack{width:calc(100vw - 300px)}.fullscreen #timeLabel{width:auto}.vertical-range{width:100px;height:20px;transform:rotate(270deg);transform-origin:50% 50%}video::-webkit-media-controls{display:none!important}video{-moz-appearance:none;-webkit-appearance:none;appearance:none}.logcatBox{border-color:#ccc;font-size:11px;display:block;width:100%;text-align:left;margin-left:auto;margin-right:auto}.tabs-container{overflow:hidden}.tabs-header{display:flex;background:linear-gradient(180deg,#eaeef4,#fff);box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.tab-btn{flex:1;padding:10px 0;background:transparent;border:none;font-size:14px;color:#17233d;line-height:20px;font-style:normal;cursor:pointer;transition:all .3s ease;position:relative;outline:none}.tab-btn:hover{background:rgba(52,152,219,.2)}.tab-btn.active{color:#448cf7}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:4px;background:#448cf7;border-radius:2px}.tab-panel{padding:0 10px;height:846px;overflow:auto;display:none}.tab-panel.active{display:block}.tabs-container .tabs-content .tab-panel .itemLabel{font-size:12px;color:#17233d;line-height:24px;text-align:left;font-style:normal}.tabs-content .console-message .timestamp{text-align:left;width:100px!important}.tabs-content .console-message .message-content{text-align:right}.message-content,.tabs-content .console-message .timestamp{font-size:13px!important}.console-body{width:1131px;height:142px;background:#f8f8f9;overflow-y:auto;padding:10px;display:flex;flex-direction:column;font-size:.95rem;line-height:1.6}.console-message{margin-bottom:12px;display:flex;animation:fadeIn .3s ease;white-space:pre-wrap}.timestamp{color:#777;margin-right:15px;flex-shrink:0;width:190px}#info1-tab .timestamp{width:189px!important}.message-content{flex-grow:1}.log{color:#f0f0f0}.info{color:#4facfe}.warn{color:#ffbd44}.error{color:#ff605c}.debug{color:#9d6ff3}.success{color:#00ca56}#timeLabel{height:17px;font-size:12px;color:#fff;line-height:17px;text-align:left;font-style:normal}#timeTrack{width:1120px;height:3px;background:#515a6e;border-radius:2px}.footBar{bottom:25px;margin:0 12px}.footBar,.footTool{position:absolute;left:0;width:100%}.footTool{bottom:0}.defaultTipBox{display:none;width:-moz-max-content;width:max-content;height:22px;line-height:22px;padding:0 5px;background-color:#448cf7;border-radius:5px;border:1px solid #448cf7;position:absolute;top:-32px;transform:translateX(-50%);text-align:center;font-size:12px;color:#fff;z-index:-1}.defaultTipBox:before{top:23px}.defaultTipBox:after,.defaultTipBox:before{content:"";display:block;border:8px solid #448cf7;border-color:#448cf7 transparent transparent transparent;position:absolute;left:50%;transform:translateX(-50%);z-index:-1}.defaultTipBox:after{top:22px}.custom-btn{padding:6px 0;border:none;border-radius:8px;cursor:pointer;font-weight:500;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease;position:relative;overflow:hidden;--primary-color:#0075ff;--hover-color:#0075ff;--active-color:#0075ff;--text-color:#fff;background:linear-gradient(145deg,var(--primary-color),#818cf8);color:var(--text-color);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.custom-btn:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);background:linear-gradient(145deg,var(--hover-color),#7c85db)}.custom-btn:active{transform:translateY(1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);background:var(--active-color)}.custom-btn:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.custom-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.outline-btn{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);box-shadow:none}.outline-btn:hover{background:var(--primary-color);color:#fff;box-shadow:0 4px 6px -1px rgba(99,102,241,.1)}#footer{height:40px;line-height:40px;bottom:0;text-align:center;background:#f3f4f6;color:#000;font-size:14px;letter-spacing:1px}#footer,.modal-overlay{position:fixed;width:100%}.modal-overlay{top:0;left:0;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.6));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-container{background:linear-gradient(145deg,#fff,#fafbfc);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.08),inset 0 0 0 1px hsla(0,0%,100%,.5);min-width:580px;max-width:720px;overflow:hidden;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative}.modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8) 50%,transparent)}.modal-header{padding:24px 28px 20px 28px;border-bottom:none;background:linear-gradient(135deg,#f8f9fa,#fff)}.modal-header,.modal-icon{display:flex;align-items:center;position:relative}.modal-icon{width:32px;height:32px;margin-right:12px;border-radius:50%;justify-content:center;font-weight:600;color:#fff;font-size:16px;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease}.modal-icon:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:inherit;filter:blur(8px);opacity:.3;z-index:-1}.modal-icon.normal{background:linear-gradient(135deg,#667eea,#764ba2)}.modal-icon.warning{background:linear-gradient(135deg,#f093fb,#f5576c)}.modal-icon.error{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.modal-icon:hover{transform:scale(1.1) rotate(5deg)}.modal-title{font-size:18px;font-weight:600;flex:1;background:linear-gradient(135deg,#2c3e50,#34495e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.modal-close{background:linear-gradient(145deg,#f0f0f0,#fff);border:1px solid rgba(0,0,0,.1);font-size:18px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.modal-close:hover{color:#333;transform:scale(1.1) rotate(90deg);background:linear-gradient(145deg,#ff6b6b,#ff8e53);color:#fff;box-shadow:0 4px 16px hsla(0,100%,71%,.4)}.modal-body{padding:28px 28px 24px 28px;background:linear-gradient(135deg,#fff,#fafbfc)}.modal-row{margin-bottom:16px;display:flex;align-items:flex-start;padding:12px 16px;background:linear-gradient(145deg,#f8f9fa,#fff);border-radius:12px;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.modal-row:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:rgba(102,126,234,.2)}.modal-row:last-child{margin-bottom:0}.modal-label{color:#6c757d;min-width:90px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.modal-value{color:#2c3e50;flex:1;word-break:break-all;font-size:15px;font-weight:500;line-height:1.5}.modal-footer{padding:20px 28px 24px 28px;border-top:none;text-align:right;background:linear-gradient(135deg,#f8f9fa,#fff)}.modal-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 32px;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;min-width:100px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 8px 20px rgba(102,126,234,.3);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .6s}.modal-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(102,126,234,.4)}.modal-btn:hover:before{left:100%}.modal-btn:active{transform:translateY(0);box-shadow:0 4px 12px rgba(102,126,234,.3)}@media screen and (max-width:768px) and (orientation:portrait){body{transform:rotate(90deg);transform-origin:50% 50%;width:100vh;height:100vw;position:fixed;top:50%;left:50%;margin-top:-50vw;margin-left:-50vh;overflow:hidden}canvas{transform:rotate(-90deg);transform-origin:center center;width:100vh!important;height:100vw!important}}@media screen and (max-width:768px) and (orientation:landscape){canvas{width:100vw!important;height:100vh!important}}