| 1 |
- body{--mc:#11998e;}body{font-size:22px;color:var(--mc);width:100vw;}.main-box{border-left:0;box-sizing:padding-box;padding:5px;background:#f3f3f3;}.main-box .btn{position:absolute;top:5px;margin-bottom:0;z-index:2;padding:6px 20px;background:#f3f3f3;border:1px solid var(--mc);color:var(--mc);}.main-box .btn:hover{background:var(--mc);color:#f3f3f3;}.main-box .btn.btn.stop{color:#f3f3f3;background:var(--mc);}.main-box .btn.btn.stop:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));}.main-box>div{width:calc(100vw - 20px) !important;height:calc(100% - 20px) !important;display:flex;flex:1 auto;justify-content:center;}.box{background:#fff;margin:10px;font-size:1.25rem;}.box>.box{margin:0;}.box .box-title{text-align:left;line-height:45px;border-bottom:2px solid #d9d9d9;position:relative;}.box .box-title>span{color:var(--mc);font-size:1.25rem;font-weight:600;padding-left:40px;line-height:1;position:relative;}.box .box-title>span:before{content:"";position:absolute;width:5px;height:30px;top:2px;left:25px;background:var(--mc);border-radius:3px;}.box .box-body{overflow-y:auto;padding:10px 10px 0;height:calc(100% - 50px);}.box .media-box{width:98%;margin:10px auto 0;border:3px solid #d9d9d9;border-radius:3px;background:#f3f3f3;}.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:var(--mc);font-size:30px;font-weight:600;display:block;background:#f3f3f3;}.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:#fff;position:relative;height:35px;border-bottom:1px solid var(--mc);}.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:var(--mc);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 var(--mc);border-bottom:18px solid var(--mc);border-right:10px solid #fff;border-top:18px solid #fff;}.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:var(--mc);}.box .scene-box .title .attach1{color:#fff;background:var(--mc);margin:0 5px;padding:3px 8px;}.box .scene-box .desc{padding:8px;color:#262626;background:#f3f3f3;white-space:normal;word-break:break-word;text-indent:2em;min-height:40px;}.box .scene-box.handled{--bc:#e5e5e5;--bc2:#108f85;}.box .scene-box.handled .title{background:var(--bc);}.box .scene-box.handled .title span.text{font-size:90%;font-weight:400;background:var(--bc2);}.box .scene-box.handled .title span.text:after{border-left-color:var(--bc2);border-bottom-color:var(--bc2);border-right-color:var(--bc);border-top-color:var(--bc);}.box .scene-box.current-scene{border:2px solid var(--mc);}.box .scene-box.flash-scene{animation:flash 2s 10;}.box .log-box{width:calc(100% - 20px);margin:8px auto;display:flex;align-items:center;justify-content:left;color:#262626;background:#f3f3f3;min-height:80px;padding:5px 10px;position:relative;}.box .log-box .role{font-weight:600;white-space:normal;color:var(--mc);width:200px;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);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 #d9d9d9;border-top:15px solid #d9d9d9;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 .word{color:#999;}.box .role-box{width:85px;height:85px;font-size:1rem;margin:6px;display:flex;flex-direction:column;justify-content:space-between;border-radius:5px;border:1px solid var(--mc);color:--mc;background:#f3f3f3;padding:5px 0;float:left;cursor:pointer;}.box .role-box .image{width:100%;height:50%;display:flex;justify-content:center;align-items:center;}.box .role-box .image img{width:35px;height:35px;border-radius:20px;}.box .role-box .name{width:100%;height:30px;font-size:12px;display:flex;justify-content:center;align-items:center;text-align:center;white-space:normal;word-break:break-all;}.box .score-box{font-size:1rem;margin:5px;padding:8px 15px;display:flex;justify-content:space-around;border-radius:5px;color:#262626;background:#f3f3f3;}.box .score-box .name{width:130px;line-height:30px;border-radius:20px;background:var(--mc);color:#fff;text-align:center;font-size:100%;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.box .score-box .score{font-size:110%;font-weight:600;color:#000;line-height:30px;text-align:center;}.box .score-box .score span{padding-left:10px;font-size:1rem;font-weight:400;color:#3c3c3c;}.box.plan-box{margin:5px 10px;border:1px solid #049e9a;border-radius:5px 5px 0 0;display:flex;flex-direction:column;}.box.plan-box .plan-name{width:100%;background:var(--mc);color:#fff;padding:5px 0;text-align:center;cursor:pointer;}.box.plan-box .plan-role{width:100%;background:#fff;padding:5px 15px;}.box.plan-box .plan-role .role-box{width:120px;height:120px;border-radius:5px;padding:10px;margin:10px 14px;float:left;}.box.plan-box .plan-role .role-box .image{width:100%;height:50%;}.box.plan-box .plan-role .role-box .image img{width:50px;height:50px;border-radius:25px;}.box.plan-box .plan-role .role-box .name{width:100%;height:40px;font-size:1.2rem;}.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);}}
|
