| 1 |
- @charset "UTF-8";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%;}.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;}body{font-size:22px;color:var(--mc);width:100vw;}.main-box{border-left:0;box-sizing:padding-box;padding:0;margin:0;}.main-box .main-box-body{margin:0 30px 0;}.main-box>div{display:flex;flex:1 auto;}.box{margin:0 10px;font-size:1.25rem;}.box>.box{margin:0;width:100%;height:100%;border:2px solid #fff;border-radius:10px;}.box .box-header{height:50px;border-radius:10px 10px 0 0;position:relative;}.box .box-header .title{--w:50px;font-size:22px;}.box .box-body{background:linear-gradient(174.54deg,rgba(204,224,248,.76) .23%,rgba(242,249,255,.76) 120.71%);overflow-y:auto;margin:0;padding:10px 10px 0;height:calc(100% - 50px);}.box .scene-box-body{background:linear-gradient(174.54deg,rgba(204,224,248,.76) .23%,rgba(242,249,255,.76) 120.71%);overflow-y:auto;margin:0;padding:10px 10px 0;height:calc(100% - 50px);}.box .scene-box-body .box-body{background:none;margin:0;padding:0;}.box .media-box{width:98%;margin:10px auto 0;border:2px solid #4585cc;border-radius:5px;background:var(--bg);}.box .media-box .body-content{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;}.box .media-box .body-content span{color:#4585cc;font-size:30px;font-weight:600;display:block;}.box .media-box .body-content img,.box .media-box .body-content video{width:auto;height:100%;padding:0;overflow:hidden;}.box .scene-box{width:100%;margin:8px 0;display:flex;flex-direction:column;}.box .scene-box .title{width:100%;color:#fff;background:none;position:relative;height:35px;border-bottom:2px solid #4585cc;}.box .scene-box .title span.text{display:inline-block;padding:0 20px;line-height:35px;text-align:center;min-width:250px;max-width:300px;background:#4585cc;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;}.box .scene-box .title span.text:after{position:absolute;content:"";right:-1px;height:0;width:0;border-left:10px solid #4585cc;border-bottom:18px solid #4585cc;border-right:10px solid none;border-top:18px solid none;}.box .scene-box .title .attach-box,.box .scene-box .title .tool{position:absolute;font-size:.875rem;right:40px;top:5px;}.box .scene-box .title .tool{right:10px;top:10px;color:#4585cc;opacity:1;}.box .scene-box .title .attach1{color:#fff;background:#4585cc;margin:0 5px;padding:3px 8px;}.box .scene-box .guide-box{margin:10px 0;padding:10px;background:var(--bg);border-radius:5px;}.box .scene-box .guide-box p{margin:0;font-size:13px;}.box .scene-box .guide-box .guide-title{font-weight:600;}.box .scene-box .desc{padding:8px;color:#36536d;background:var(--bg);white-space:normal;word-break:break-word;min-height:40px;font-size:16px;}.box .scene-box.handled .title{background:var(--bc);}.box .scene-box.handled .title span.text{font-size:90%;font-weight:400;background:#4585cc;}.box .scene-box.handled .title span.text:after{border-left-color:#4585cc;border-bottom-color:#4585cc;border-right-color:none;border-top-color:none;}.box .scene-box.current-scene{border:2px solid #4585cc;}.box .scene-box.flash-scene{animation:flash 2s 10;}.box .log-box{font-size:18px;width:calc(100% - 20px);margin:8px auto;display:flex;align-items:center;justify-content:left;color:#415b73;background:var(--bg);min-height:60px;padding:5px 10px;position:relative;}.box .log-box .role{font-weight:600;white-space:normal;color:#415b73;width:180px;text-align:center;}.box .log-box .name{word-break:break-word;}.box .log-box .word{word-break:break-word;text-align:left;width:calc(100% - 200px);color:var(--tc);text-indent:2em;}.box .log-box .reviews-box{position:absolute;right:20px;bottom:5px;color:var(--mc);cursor:pointer;}.box .log-box .reviews-box .disabled{cursor:not-allowed;}.box .log-box .reviews-box i{font-size:15px;margin:0 5px;}.box .log-box .reviews-box .fas:nth-child(1){color:#007bff;}.box .log-box .reviews-box .fas:nth-child(2){color:#dc3545;}.box .log-box:before{content:"";position:absolute;left:0;top:0;width:0;height:0;border-left:15px solid transparent;border-top:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid transparent;}.box .log-box.send{background-image:linear-gradient(-45deg,rgba(255,255,255,.2),transparent);}.box .log-box.send.specialist{padding:5px 10px 25px;min-height:90px;}.box .log-box.send:before{border-left:15px solid var(--mc);border-top:15px solid var(--mc);}.box .log-box.send .role{color:#03aebc;}.box .role-box{display:flex;flex-wrap:wrap;justify-content:center;}.box .role-box .role{width:calc(50% - 20px);height:50px;margin:6px;padding:0 5px;font-size:14px;display:flex;justify-content:center;align-items:center;text-align:center;white-space:normal;word-break:break-all;color:var(--tc);border:1px solid var(--brc);background:var(--bg);border-radius:5px;cursor:pointer;overflow:hidden;}.box .score-box{font-size:14px;margin:5px;padding:8px 15px;display:flex;justify-content:space-between;border-radius:5px;color:#262626;background:var(--bg);}.box .score-box .name{width:130px;line-height:30px;border-radius:5px;background:#03aebc;color:#fff;text-align:center;font-size:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.box .score-box .score{font-size:110%;font-weight:600;color:#094b88;line-height:30px;text-align:center;}.box .score-box .score span{padding-left:10px;font-size:1rem;font-weight:400;}.box .score-box.system-score .name{font-size:16px;font-weight:600;}.box.plan-box{margin:5px 10px;border:1px solid #a5d4f4;border-radius:5px 5px 0 0;display:flex;flex-direction:column;background:linear-gradient(174.54deg,rgba(204,224,248,.76) .23%,rgba(242,249,255,.76) 120.71%);}.box.plan-box .plan-name{width:100%;background:#a5d4f4;color:#fff;padding:5px 0;text-align:center;cursor:pointer;}.box.plan-box .plan-role{width:100%;padding:5px 15px;display:flex;flex-wrap:wrap;justify-content:flex-start;}.box.plan-box .plan-role .role{width:calc(25% - 12px);height:50px;font-size:14px;padding:0 5px;margin:6px;display:flex;justify-content:center;align-items:center;text-align:center;white-space:normal;word-break:break-all;color:var(--tc);border:1px solid var(--brc);background:var(--bg);border-radius:5px;cursor:pointer;overflow:hidden;}.modal .modal-header{color:var(--tc);}.modal .modal-header .close{font-size:30px;}.modal .modal-footer{margin:0 auto;}.modal .modal-footer .btn-outline-iwb{background:#f5f5f5;color:#36536d;border:1px solid #f3f3f3;}.modal .modal-footer .btn-iwb{margin:0 15px;padding:8px 20px;background:#03aebc;border-color:#03aebc;border-radius:8px;color:#daedff;font-size:16px;}.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:400;color:#094b88;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:"…";}.question{display:none;}.question button{--w:80px;width:var(--w);height:var(--w);border-radius:var(--w);position:absolute;left:50%;top:40%;transform:translateX(-50%) translateY(-50%);z-index:5;background-color:#dc3545;color:#fff;border:none;outline:none;}.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;}@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);}}@keyframes shine{0%{filter:drop-shadow(0 0 5px #c82333);}100%{filter:drop-shadow(0 0 15px #c82333);}}@keyframes flash{0%{transform:scale(1,1.05);}50%{transform:scale(.98,.85);}100%{transform:scale(1,1.05);}}
|
