@charset "UTF-8";html{box-sizing:border-box;font-family:Helvetica,Verdana,微软雅黑,"Hiragino Sans GB","Hiragino Sans GB W3",宋体,Arial,sans-serif;text-size-adjust:none;}body{--mt-h:70px;--mc:#3481ab;--c:#ddd;--c1:#51bdf6;--c2:#40faee;--bg1:rgba(16,62,111,.5);--bg2:rgba(255,255,255,.35);width:100%;height:100vh;display:flex;flex-direction:column;color:#f2f6fe;background-image:url("../../V2/Img/bg.png");font-family:inherit;}.main-title{padding:15px 20px 0;height:var(--mt-h);width:100%;}.main-title .title-box{display:flex;align-items:center;justify-content:space-between;font-size:16px;}.main-title .title-box .current-time .time{display:flex;align-items:flex-end;padding:0 1rem;font-size:45px;line-height:1;font-weight:bolder;}.main-title .title-box .current-time .date{display:flex;flex-direction:column;justify-content:end;line-height:1;color:var(--c1);font-weight:bolder;}.main-title .title-box .title{position:absolute;left:50%;transform:translateX(-50%);color:var(--c2);top:12px;}.main-title .title-box .title img{transform:scale(.95);}.main-title .title-box .title .svg-icon{position:absolute;left:50%;transform:translateX(-50%);top:-10px;}.main-title .title-box .time-down{display:flex;align-items:center;margin-right:25px;}.main-title .title-box .time-down span{color:var(--c1);padding:0 10px;}.main-title .title-box .time-down .time{font-size:30px;display:flex;align-items:center;}.main-title .title-box .time-down .time span{display:flex;align-items:center;justify-content:center;width:32px;height:45px;color:#fff;background:var(--c1);margin:0 3px;}.main-title .title-box .time-down .time strong{padding:0 3px;}.main-area{width:100%;height:calc(100vh - var(--mt-h));display:flex;justify-content:center;align-items:center;--padding:3px;--mw:calc(100% - var(--padding)*2);--mh:calc(100vh - var(--mt-h) - var(--padding)*2);padding:var(--padding);}.main-area .area-h{width:100%;height:100%;display:flex;flex-direction:row;padding:0 8px;}.main-area .area-v{padding:0 8px;width:100%;height:100%;display:flex;flex-direction:column;}.main-area .area{padding:8px;width:100%;height:100%;}.card.card-box{--card_header_h:42px;--border_color:#1e77b3;--bg_color:rgba(6,30,93,.5);--clip_length:17px;--border_length:12px;width:100%;height:100%;flex-direction:column;margin:8px 0;clip-path:polygon(var(--clip_length) 0,calc(100% - var(--clip_length)) 0,100% var(--clip_length),100% calc(100% - var(--clip_length)),calc(100% - var(--clip_length)) 100%,var(--clip_length) 100%,0 calc(100% - var(--clip_length)),0 var(--clip_length));background:linear-gradient(-45deg,var(--border_color) var(--border_length),var(--bg_color) 0) bottom right,linear-gradient(45deg,var(--border_color) var(--border_length),var(--bg_color) 0) bottom left,linear-gradient(135deg,var(--border_color) var(--border_length),var(--bg_color) 0) top left,linear-gradient(-135deg,var(--border_color) var(--border_length),var(--bg_color) 0) top right;background-size:50% 50%;background-repeat:no-repeat;box-shadow:0 0 8px var(--c1) inset !important;border:2px solid var(--border_color);}.card.card-box .card-header{--border_color:#02102d;--bg_color:#04102d;clip-path:polygon(var(--clip_length) 0,calc(100% - var(--clip_length)) 0,100% var(--clip_length),100% calc(100% - var(--clip_length)),calc(100% - var(--clip_length)) 100%,var(--clip_length) 100%,0 calc(100% - var(--clip_length)),0 var(--clip_length));background:linear-gradient(-45deg,var(--border_color) var(--border_length),var(--bg_color) 0) bottom right,linear-gradient(45deg,var(--border_color) var(--border_length),var(--bg_color) 0) bottom left,linear-gradient(135deg,var(--border_color) var(--border_length),var(--bg_color) 0) top left,linear-gradient(-135deg,var(--border_color) var(--border_length),var(--bg_color) 0) top right;height:var(--card_header_h);line-height:var(--card_header_h);padding:0 1.5rem;position:relative;}.card.card-box .card-header .card-title{display:flex;align-items:center;color:var(--c2);font-weight:bolder;}.card.card-box .card-header .card-title .icon,.card.card-box .card-header .card-title .fa{padding-right:8px;color:var(--c1);}.card.card-box .card-header .card-title img{margin-right:8px;width:24px;height:auto;}.card.card-box .card-header .svg-box{position:absolute;top:0;right:25px;overflow:hidden;width:250px;}.card.card-box .card-body{padding:0;height:calc(100% - var(--card_header_h));}.card.card-vber{--borderRadius:.75rem;margin:0;width:100% !important;height:100% !important;background:transparent;border-radius:var(--borderRadius);box-shadow:none;}.card.card-vber .card-header{background:#17a2b8;padding:.5rem 1rem;border-radius:var(--borderRadius) var(--borderRadius) 0 0;}.card.card-vber .card-header .card-title{font-weight:bold;position:relative;}.card.card-vber .card-body{padding:10px 1px 5px;border-radius:var(--borderRadius);}.card.card-vber .card-body .scroll-box{width:100%;height:100%;padding:0 10px;}.card.card-vber .card-body .scroll-box .box-body{width:100%;height:100%;}.card.card-vber.maximized-card{--p:10px;border-radius:var(--borderRadius);left:var(--p);right:var(--p);top:var(--p);bottom:var(--p);width:calc(100% - var(--p)*2) !important;height:calc(100% - var(--p)*2) !important;}.card.card-vber.maximized-card .card-header{border-radius:var(--borderRadius) var(--borderRadius) 0 0 !important;}.load-box{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:600;color:#007bff;z-index:1000;background:rgba(255,255,255,.6);}.load-box .loading{margin-top:-10%;}.load-box .loading:after{overflow:hidden;display:inline-block;vertical-align:bottom;animation:ellipsis 2s infinite;content:"…";}.base-info{padding:0 15px 10px;display:flex;flex-direction:column;}.base-info dl{display:inline-flex;margin-bottom:10px;line-height:22px;color:var(--c);font-size:15px;}.base-info dl dt{margin:0;white-space:nowrap;}.base-info dl dd{font-size:14px;padding-left:10px;margin:0;color:var(--c1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.env-info,.log-info{display:flex;margin-bottom:12px;justify-content:space-between;align-items:center;width:100%;}.env-info>span,.log-info>span{color:var(--c);}.env-info>span span,.log-info>span span{padding-left:5px;word-break:break-all;}.env-info>span:first-child,.log-info>span:first-child{position:relative;padding-left:8px;}.env-info>span:first-child:before,.log-info>span:first-child:before{content:"";position:absolute;width:8px;height:8px;border-radius:10px;background:var(--c1);left:-8px;top:50%;transform:translateY(-50%);}.env-info>span:last-child,.log-info>span:last-child{color:var(--c1);padding-right:8px;}.media-box{width:100%;height:100%;overflow:hidden;}.media-box .play-icon{position:relative;width:100%;height:100%;border:1px solid var(--mc);border-radius:10px;display:flex;justify-content:center;align-items:center;}.media-box .play-icon i{font-size:40px;color:var(--mc);}.scene-group-box{width:100%;height:100%;position:relative;}.scene-group-box .group-name{position:absolute;color:var(--c1);top:-33px;right:25px;z-index:2;display:none;font-size:16px;font-weight:bolder;}.scene-group-box .group-name.show{display:block;}.scene-group-box .scene-box-header{color:var(--c2);margin-bottom:12px;font-weight:bolder;}.scene-group-box .scene-box-header i{padding-right:8px;color:var(--c1);}.scene-group-box .scene-box-header img{margin-right:8px;width:24px;height:auto;}.current-scene-box{background:var(--mc);color:#fff;padding:0 15px;height:30px;line-height:30px;text-align:center;border-radius:.25rem;font-size:14px;}.current-scene-box span{font-weight:bold;}.card-scene{width:100%;margin:10px 0;border-radius:.5rem;--bg:var(--mc);}.card-scene .card-header{color:var(--bg);padding:.4rem .8rem;border-radius:.5rem .5rem 0 0;font-weight:bold;font-size:14px;cursor:pointer;transition:.3s all ease-in;}.card-scene .card-header .card-title{font-weight:bold;font-size:15px;}.card-scene .card-header .btn-tool{background:#ddd;color:var(--bg);padding:0;margin-right:.25rem;width:28px;}.card-scene .card-header .btn-tool.attach.playing{color:#fff;background:var(--bg);}.card-scene .card-header .btn-tool:hover{color:#fff;background:var(--bg);}.card-scene .card-header:before{content:"";position:absolute;left:0;top:0;width:7px;height:100%;background:var(--bg);border-radius:8px 0 0 0;transition:.3s all ease-in;}.card-scene .card-body{color:#8c91a8;padding:5px 10px 5px 15px;font-size:12px;border-radius:0 0 .5rem .5rem;position:relative;}.card-scene .card-body:before{content:"";position:absolute;left:0;top:-1px;width:7px;height:calc(100% + 1px);background:var(--bg);border-radius:0 0 0 8px;}.card-scene .card-body .description{text-indent:2em;}.card-scene .card-body .guide-box{font-size:12px;color:#666;padding:0 8px 5px;margin:5px 10px;border:1px dashed #a9a9a9;border-radius:5px;}.card-scene .card-body .guide-title{font-weight:bold;margin:5px 0;}.card-scene .card-body .guide-info{margin:0 0 5px 0;text-indent:2em;}.card-scene.round{--bg:#ffdd20;}.card-scene.end{--bg:#ff7c63;}.card-scene.active{border:1px solid var(--bg);}.card-scene.active .card-header{color:#fff;background:var(--bg);}.card-scene.active .card-header .btn-tool.attach.playing{color:var(--bg);background:#fff;}.card-scene.active .card-header .btn-tool:hover{color:var(--bg);background:#eee;}.card-scene.collapsed-card .card-header{border-radius:.5rem;}.card-scene.collapsed-card .card-header:before{border-radius:8px 0 0 8px;}.card-scene.flash-scene .card-title{animation:flash 1s infinite;}.scene-list-box{display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:5px 10px;width:100%;font-size:14px;}.scene-list-box:not(:last-child){border-bottom:1px solid #6c93be;}.scene-list-box .t{color:var(--c1);width:100%;}.scene-list-box .t i{text-indent:2em;margin-right:4px;}.scene-list-box .b{width:100%;color:var(--c);text-align:left;text-indent:2em;line-height:18px;}.scene-eval-box{width:100%;height:calc(100% - 25px);display:flex;flex-direction:column;padding:0;}.scene-eval-box .score-box{width:100%;display:flex;justify-content:space-between;margin-bottom:8px;padding:5px 20px;background:var(--bg1);background:rgba(16,62,110,.5);border:1px solid #106796;box-shadow:0 0 3px #106796 inset;}.scene-eval-box .score-box .tag-score{display:flex;flex-direction:column;color:var(--c);text-align:center;}.scene-eval-box .score-box:last-child .tag-score:nth-of-type(1){color:#ff9743;}.scene-eval-box .score-box:last-child .tag-score:nth-of-type(2){color:#21c8ff;}.scene-eval-box .score-box:last-child .tag-score:nth-of-type(3){color:#ffde00;}.scene-eval-box .score-box:last-child .tag-score:nth-of-type(4){color:#01f3c6;}.scene-eval-box .score-box:last-child .tag-score:nth-of-type(5){color:#eb2727;}#log-info{padding:0 0 8px;}#log-info>.card-body{padding:0 0 8px;}.help-info,.desc-info{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 0 8px;}.help-info img,.desc-info img{height:100%;width:auto;margin:0 8px;background:var(--bg2);border-radius:5px;}.desc-info img{height:auto;width:100%;max-height:100%;margin:2px;background:var(--bg2);}.path-box{width:100%;height:100%;--color:var(--c1);--colorNode:#20c8fe;--colorArrow:#29e29c;--fs:14px;--pt:3px;--minW:80px;}.path-box .round-box{position:relative;width:100%;height:auto;display:flex;justify-content:center;padding-bottom:5px;--nodeW:40px;}.path-box .round-box .line-v{height:calc(100% - 15px - var(--nodeW));width:10px;background-color:var(--colorNode);position:absolute;top:var(--nodeW);left:calc(50% - 4px);z-index:0;}.path-box .round-box .line-v:before{content:"";position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid var(--colorNode);left:-5px;bottom:-15px;}.path-box .round-box .round-node{position:relative;width:var(--nodeW);height:var(--nodeW);border-radius:50%;color:#fff;border:1px solid var(--colorNode);background:var(--colorNode);display:flex;justify-content:center;align-items:center;z-index:1;}.path-box .round-box .round-node.start-node{width:auto;height:calc(var(--nodeW) - 10px);white-space:nowrap;padding:5px 20px;border-radius:4px;}.path-box .round-box .round-node.start-node:before{border:none;}.path-box .round-box .sfb-box{width:42%;min-height:60px;border:2px solid var(--color);border-radius:5px;padding:0;margin-top:10px;--w:calc(4%);--sw:170px;--margin:calc(var(--w));}.path-box .round-box .sfb-box:before{content:"";position:absolute;background:var(--colorNode);width:var(--w);height:10px;top:calc(var(--nodeW)/2 - 5px);}.path-box .round-box .sfb-box .sfb-title{width:100%;text-align:center;font-size:calc(var(--fs)*1.1);padding:var(--pt) 0;font-weight:600;border-bottom:1px solid var(--color);color:#fff;background:var(--color);border-bottom:1px solid var(--color);}.path-box .round-box .sfb-box .sbf-body{padding:var(--pt) 5px;font-size:var(--fs);}.path-box .round-box .sfb-box .sbf-body .sf-box{width:100%;border:1px solid var(--color);border-radius:3px;background:rgba(16,62,111,.5);margin:5px 0;display:flex;}.path-box .round-box .sfb-box .sbf-body .sf-box .sf-name{width:auto;width:var(--minW);padding:3px 5px;border-right:1px solid var(--color);color:var(--c);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.path-box .round-box .sfb-box .sbf-body .sf-box .fn-box{width:calc(100% - var(--minW));display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}.path-box .round-box .sfb-box .sbf-body .sf-box .fn-box .node{--line:12px;position:relative;width:var(--line);height:var(--line);border-radius:50%;border:2px solid var(--color);margin:0 1px;}.path-box .round-box .sfb-box .sbf-body .sf-box .fn-box .node.end{background:var(--color);}.path-box .round-box .sfb-box .sbf-body .sf-box .fn-box .arrow{display:flex;justify-content:center;align-items:center;position:relative;width:10px;height:4px;background:var(--colorArrow);margin-right:3px;}.path-box .round-box .sfb-box .sbf-body .sf-box .fn-box .arrow:before{content:"";position:absolute;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid var(--colorArrow);right:-3px;}.path-box .round-box .sfb-box.left{margin-right:calc(var(--margin) - 5px);}.path-box .round-box .sfb-box.left:before{right:calc(50% + var(--nodeW)/2 - 2px);}.path-box .round-box .sfb-box.right{margin-left:calc(var(--margin) - 5px);}.path-box .round-box .sfb-box.right:before{left:calc(50% + var(--nodeW)/2 - 2px);}.path-box .round-box:first-child .line-v{height:calc(100% - 15px - var(--nodeW) + 10px);top:calc(var(--nodeW) - 10px);}@keyframes flash{0%{opacity:1;color:inherit;transform:scale(1);}50%{opacity:.5;color:#f00;transform:scale(.95);}100%{opacity:1;color:inherit;transform:scale(1);}}@keyframes ellipsis{from{width:2px;margin-right:33px;}to{width:35px;margin-right:0;}}