| 1 |
- body{--mc:#03aebc;--tc:#36536d;--brc:#80baef;--bgc:#e9f2fd;--bg:rgba(255,255,255,.4);font-family:"Source Han Sans";}.box .box-header{display:flex;height:35px;width:100%;background:linear-gradient(90deg,rgba(82,197,233,.411765) 0%,rgba(59,221,243,.12549) 35.99%,rgba(67,219,252,.00784314) 87.02%);box-shadow:inset 0 -2px 4px rgba(117,185,248,.52);border-bottom:1px solid rgba(98,156,215,.05);position:relative;}.box .box-header .title{--w:47px;display:flex;position:relative;height:100%;padding-left:5px;margin-left:var(--w);font-size:18px;font-weight:600;color:#094b88;align-items:center;}.box .box-header .title:before{content:"";position:absolute;left:calc(1px - var(--w));height:100%;width:var(--w);background:url("/Content/Image/ExerciseV2/title_icon.svg") no-repeat;background-size:100% 100%;}.box{width:100%;position:relative;font-family:"Source Han Sans";background:none;display:flex;flex-direction:column;}.box .box-title{width:100%;text-align:center;font-weight:600;font-size:38px;color:#fff;margin-top:6px;}.box .box-body{margin:10px 30px 40px;border:2px solid #fff;border-radius:5px;}.box .body-card{background:#e9f2fd;border-radius:5px;padding:10px;margin-bottom:10px;display:flex;position:relative;}.btn{margin:5px auto;padding:8px 20px;background:#03aebc;border-radius:8px;color:#daedff;font-size:16px;}.btn.btn-small{font-size:14px;padding:3px 12px;border-radius:4px;}.btn:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));border-color:rgba(0,0,0,.1);color:#daedff;font-weight:600;}.vb-btn{color:#176bbc;font-size:14px;padding:5px 10px;background-image:url("/Content/Image/ExerciseV2/btn.png");background-repeat:no-repeat;background-size:100% 100%;font-weight:600;}.vb-btn.active{color:#fff;background-image:url("/Content/Image/ExerciseV2/btn-active.png");}.form .form-control{background:var(--bgc);color:var(--tc);border-radius:4px;border:1px solid #b5cce2;font-size:1rem;}.form .form-control:active,.form .form-control:focus{border:1px solid var(--brc);}.select2-container{--h:38px;font-size:1rem;}.select2-container.select2-container--open .select2-selection--single{border-color:var(--brc);}.select2-container .select2-selection--single{border-radius:4px!important;background:var(--bgc);border:1px solid #b5cce2;height:var(--h);line-height:var(--h);color:var(--tc);padding:0 15px;}.select2-container .select2-selection--single .select2-selection__rendered{color:inherit;margin:0;padding:0;line-height:var(--h);font-size:1rem;}.select2-container .select2-selection--single .select2-selection__arrow{right:8px;height:var(--h);}.select2-container .select2-dropdown{background:#fefefe;border:1px solid #b5cce2;border-radius:4px;margin-top:2px;}.select2-container .select2-dropdown .select2-search{padding:8px 10px;}.select2-container .select2-dropdown .select2-search .select2-search__field{border:1px solid var(--brc);background:var(--bgc);color:var(--tc);border-radius:4px;}.select2-container .select2-dropdown .select2-results .select2-results__option{color:var(--tc);}.select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted{background:#e7edf4;}.select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option[aria-selected=true]{background:#ecf3fc;font-weight:600;}.scene-box{display:flex;flex-wrap:wrap;margin-bottom:5px;}.scene-box .scene{width:calc(25% - 16px);margin:5px;padding:8px 10px;display:flex;justify-content:center;align-items:center;cursor:pointer;}.scene-box .loading,.scene-box .end{display:flex;justify-content:center;align-items:center;font-size:16px;height:35px;width:100%;border-radius:5px;}.scene-box .loading{color:#03aebc;opacity:.5;}.scene-box .end{border:0;color:#dc3545;font-weight:600;}.tip-box{width:45%;display:none!important;padding:0!important;flex-direction:column;}.tip-box.show{display:flex!important;}.tip-box .tip-header{display:flex;justify-content:center;align-items:center;height:35px;color:#fff;font-weight:600;font-size:14px;border-radius:5px 5px 0 0;background:#007bff;box-shadow:inset 0 -2px 4px rgba(117,185,248,.52);}.tip-box .tip-body{width:100%;height:calc(100% - 35px);display:flex;flex-direction:column;padding:8px;overflow-y:auto;}.tip-box .tip-body .tip{border:1px solid #03aebc;color:#03aebc;padding:5px 8px;margin:5px 0;border-radius:5px;background:rgba(0,0,0,.03);white-space:normal;word-break:break-all;}.tip-box .tip-body .tip.active{border:2px solid;font-weight:600;}.tip-box .tip-body .loading{display:flex;justify-content:center;align-items:center;color:#03aebc;font-size:14px;height:100px;width:100%;}.tip-box .tip-body .empty{display:flex;justify-content:center;align-items:center;width:100%;height:100px;font-size:24px;letter-spacing:5px;padding-left:5px;color:#03aebc;}.box .body{padding:10px;background:#d8e7f9;background:linear-gradient(174.54deg,rgba(204,224,248,.76) .23%,rgba(242,249,255,.76) 120.71%);display:flex;flex-direction:column;}.box .cmd-form{width:100%;}.box .role-box{display:flex;}.box .role-box>div{width:100%;padding:0;}.box .select-box,.box .input-box,.box .cmd-box{background:none;}.box .input-box{display:none;margin-left:15px;}.box .cmd-box{position:relative;padding:0;}.box .cmd-box .txt{padding:10px;}.box .cmd-box .btn{position:absolute;right:15px;bottom:15px;margin:5px auto;width:150px;}.box .cmd-box .btn.close-tip{background:#007bff;}.box .cmd-box .help-box{position:absolute;left:15px;bottom:15px;width:70%;}.box .box-body{position:relative;}.box .box-body .body{padding:10px;background:#d8e7f9;background:linear-gradient(174.54deg,rgba(204,224,248,.76) .23%,rgba(242,249,255,.76) 120.71%);display:flex;flex-direction:column;}.box .box-body .body.log-cmd-box{display:block;}.box .box-body .body.txt-cmd-box{display:none;}.box .box-body .body.txt-cmd-box .btn{width:150px;}.box .logs-box{width:100%;display:flex;flex-direction:column;}.box .logs-box .log-box{display:flex;padding:10px;background:rgba(255,255,255,.6);border-radius:8px;margin:5px 0;overflow:hidden;}.box .logs-box .log-box .content{width:100%;display:flex;flex-direction:column;padding:5px;padding-right:15px;}.box .logs-box .log-box .content .title{display:flex;align-items:flex-start;}.box .logs-box .log-box .content .title .role{font-weight:600;font-size:16px;color:#094888;}.box .logs-box .log-box .content .title .scene-name{margin-left:10px;font-size:12px;padding:1px 5px;border-radius:3px;background:rgba(69,133,204,.1);border:1px solid #094888;color:#094b88;}.box .logs-box .log-box .content .text{font-size:14px;color:#36536d;padding-left:15px;position:relative;}.box .logs-box .log-box .content .text:before{content:"";position:absolute;width:8px;height:8px;border-radius:8px;left:0;top:50%;transform:translateY(-50%);background:#999;}.box .logs-box .log-box .btn-box{display:flex;justify-content:center;align-items:center;padding:5px;}.box .logs-box .log-box .btn-box .btn{font-size:14px;width:90px;}.box .logs-box .log-box .btn-box .btn-edit{background:transparent;border:0;color:#094888;margin-right:10px;}.box .logs-box .log-box .btn-box .btn-edit svg{width:22px;fill:#36536d;margin-right:5px;}.box .logs-box .log-box.send .title .role{color:#03aebc;}.box .logs-box .log-box.send .text:before{background:#03aebc;}.box .logs-box .log-box.send .btn{background:#36536d;color:#fff;}.box .logs-box .empty,.box .logs-box .end{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:16px;opacity:.4;}.box .logs-box .empty{color:#36536d;}.box .logs-box .end{color:#dc3545;font-weight:600;opacity:.8;}.box .btn.btn-cmd{background:#094b88;}.box .btn.btn-back{background:#094b88;}.question{display:none;}.question button{--w:80px;width:var(--w);height:var(--w);border-radius:var(--w);position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;color:#fff;border:0;outline:0;}.question button:hover{background-color:#bd2130;}.question button i{font-size:40px;}.question button:not(:hover){animation:1s shine ease-in-out infinite;}.question button:not(:hover) i{animation:1s flashing ease-in-out infinite;}.question-text{font-size:16px;margin-bottom:10px;font-weight:600;color:var(--mc);}@keyframes shine{0%{filter:drop-shadow(0 0 12px #dc3545);}50%{filter:drop-shadow(0 0 12px #bd2130);}100%{filter:drop-shadow(0 0 12px #dc3545);}}@keyframes flashing{0%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.9);}100%{opacity:1;transform:scale(1);}}
|
