.msg-writer{max-height:400px;min-height:250px}.h-100{height:100%}.background{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:PingFangTC-Regular,sans-serif;width:100vw}.background,.welcome{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;color:#333}.welcome{overflow-y:scroll;background-color:#15202b;background-image:url(../img/backgound.c4072682.png);background-position:50%;background-size:cover}.welcome.in-tips{background-image:url(../img/background-drak.df94f4a3.jpg)}.limit-width{width:100%;max-width:600px}.hide-scrollbar::-webkit-scrollbar{display:none}.msg .content,.msg .role-name,.user-response{font-size:1rem}.msg .content{display:inline-block;padding:5px;border:1px solid #aaa;border-radius:10px;max-width:70%;min-width:10px;padding:12px;background-color:#ffad1f;color:#fff;font-weight:700}.msg-hint{position:fixed;bottom:0;left:0;width:100vw}.msg-hint .hint-content{display:inline-block;width:100%;padding:8px;opacity:.4;background-color:grey}.btn-font{font-size:1rem}.messages-view-area{position:relative;padding-top:15px;padding-bottom:50px}.messages-view-area .message-card{position:relative}.message-sender{font-size:12px;display:block;padding:2px 2px 5px 2px;color:#333}.message-card{display:inline-block;border-radius:8px!important;padding:10px;-webkit-box-shadow:none;box-shadow:none;font-size:14px;background-color:#eaedef!important;color:#263238!important}.player-message .message-card{border-radius:10px 0 10px 10px!important;background:#ffe28a;background:-webkit-gradient(left top,right top,color-stop(0,#ffe28a),color-stop(100%,#ffdcb8));background:-webkit-gradient(linear,left top,right top,from(#ffe28a),to(#ffdcb8));background:linear-gradient(90deg,#ffe28a 0,#ffdcb8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe28a",endColorstr="#ffdcb8",GradientType=1)}.icon-hint{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAYCAYAAACx4w6bAAAAAXNSR0IArs4c6QAABXpJREFUWAntV11oHUUUPmc2m5t7k2qraaJFqz6ooCLSgvZBwQfFStpUxVR8EJukolTrL0ihiWyrFVv8KS1UCDQ+iC8NovZHXxSK+CDYVvEhiD+lkZZabe1/bnLvzozfzO7M3dy9KeljpQN3z5nzt+ecOefsXKLL69LKQHAx7u7Y0RMsaL9p9jf7fpu4GL2Zyr7d2zP3vkW3tu3d98v5mepMJ9fkGFtWry78Wz4yt0UEZ9cMjZx2dAcHVizZ9POX5ZeI6VvQHnR0B9f2Lb2XmEVYKByIto2cc/SZwoHeru/P6/F7uEIbobNmpnrTyfnA/jl/6Eml1Ecx824IL80pMC3UWjcT8Z85Hgis9KeaVIcaL3dju6teZm1v19OkeREL/dVbw3t21vM18W1EeBIfyvLe6Fv6sNR6MRN1gt6qNRUBZ2HfCliCAmLQSgsxuGH7ro+drg9Mab3QEOH8ccfMQk36mmTPY1l6Bp9tccFxhlZDNa+C9bsR3OPRy4/cHG3+/JRjvv9KT/HEyfFZZq8VTUmcUvp1UO/XTjiFfp8iQulbsiI+MBBvMAwWdCwr4HDW3I7gUG36hKNlIezbflWkqlm6w5n0fOMDEtcuz8SDQF9zvBOnKu0OZw6m2BeCtkiiUUE8gdOahNwzxgbgCAViF2t12uiUmuWos2GgDwwv7kiC5ymGvTBTG+IivOAvT0sR05/Hzh5MBtF0J8bUbvTNwqm8EPV3fxht3/m72Yehaq1WDIbshOpogiXP9cO7PwNmfnahF58yiCCx981M6SXc2lM4FNmYY3HNZxwtC5ElU9u5UjG0c+pwm4FmaZUvxY193bNg3yXxKE6+uarku4kGnlX0ilvzFh52aCOImrnS0LWwp9dIxNJ8YGjGK6wCqdwoj6IVLeBBBCukcQszj0o1No1sVygo12NlNLvjs+APLK5p2UBf1wMGl4Jt0vCCiSiKlJOth0guCkvbJAJLz7heKtm7LKKnuRVK6CGaH6187DpJk50omTmwdXV86LgdLEYFIrnA4jhxzJpscGIUBG2k0ClYcP47OPUFynIZKd6MQO5SYz8kzhIhB9OvTf3LjJxNsJiml522DwypKNrmVrS+qibXOwGE4lrDkooizJ1oUyCKKK1EJRC5E4MNX2oBk0QzvhpregiWb5dj+1fh83fE1DhWznZiNHmWm4MiTaQJ0qLhkHLythTNjSLTA+CxRF4O4puyF5sRTr5tiY6K86WipSnVlF/NB5bla6Gi4T0HYf89o4DyWofftYky520nDPusVjOVkWYiw56C2hMb/Xqi4KjogXXXN83b8OzQkM9I1N91R1XSEiPDspB7uZLKNrS10eDEZKxCZ18KaWdjU7H0TrVcXomgOtEHg9Y2U8620zMwpDj0TmUZDfBkeJQC3CjSpWksG5ShSgxhx6ZSgxNj9qVGMj8VOeCa/bQHzbULlbDB2EVJdiT2k3r076pHROCHndLJd7NexO2tYPPp0DvecNqommMVUcolTTLb5rdGw3yPKRLefqADr9/ReuMQauCIcwajy/McLQtjKZPJDCIuDLVkZYVS3AZWKcReAenL9UgQKM9vmax43NljrWs9VlEXHMMktOe/uHXrJG466zJ2crYdz0BMaD+RNWvfPlkZh9vAClypZUrkMxErPukUdDDuy8HRsrBQkLmRnR3NUkx16M7FxWGU5I+JDYR5gRW2tdX+dXDmo95AJwmspWTG7K94wXGhOL341KSb5i/4A7u1AXH3mm27/eXVSeDGfiCdoD9NdpZy/6W0DP7GUezHN3JM1/Xg8uUjElXyBK5IzzdxYAeUs1sPo62fnDHT2tDhZM6PevlLah/191wVPfdoOmwuKdcvO3s5A/+rDPwHTezyYidEXqgAAAAASUVORK5CYII=) no-repeat 50%;width:54px;height:24px;border-top-left-radius:unset!important;border-top-right-radius:unset!important}.icon-chest,.icon-hint{display:inline-block;vertical-align:middle}.icon-chest{background:url(../img/icon-box.729ac014.svg) no-repeat 50%;width:40px;height:40px}.opened>.icon-chest{background:url(../img/icon-box-open.901d0525.svg) no-repeat 50%;width:40px;height:40px}.system-hint .message-card{border-radius:26.5px!important;padding:5px 15px;background-image:-webkit-gradient(linear,right top,left top,from(#fff57a),color-stop(0,#ffe463));background-image:linear-gradient(270deg,#fff57a,#ffe463 0);background:#ffe563;background:-webkit-gradient(left top,right top,color-stop(0,#ffe563),color-stop(100%,#fff47a));background:-webkit-gradient(linear,left top,right top,from(#ffe563),to(#fff47a));background:linear-gradient(90deg,#ffe563 0,#fff47a);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe563",endColorstr="#fff47a",GradientType=1);cursor:pointer}.system-hint .message-card.opened{border-radius:10px!important;padding:15px;display:block}.hint-content{display:inline-block;vertical-align:middle;padding-left:5px}.hint-content .icon-hint{display:block}.avatar-col{max-width:50px}.message-col{max-width:76%;text-align:left}.message-col:after{z-index:-1;position:absolute;bottom:15px;right:10px;left:auto;width:50%;top:80%;max-width:300px;background:#777;-webkit-box-shadow:0 15px 10px #777;box-shadow:0 15px 10px #777;-webkit-transform:rotate(3deg);transform:rotate(3deg)}.message-col.full-wid{max-width:100%}.player-message{padding-right:5%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.player-message .message-col{text-align:right}.creater-icon{background:url(../img/img-creater-01.75519be5.svg) no-repeat 50%;display:inline-block;width:32px;height:32px;border-radius:50%;background-size:cover}.repeat-creater{margin-top:-12px}.repeat-creater .creater-icon,.repeat-creater .message-sender{display:none}.user-message-input{position:absolute;bottom:0;left:0;width:100%;height:48px;background:#fff;border:1px solid #ddd;padding:10px;text-align:right}.system-hint .message-card{-webkit-animation:shake .5s;animation:shake .5s;-webkit-animation-iteration-count:2;animation-iteration-count:2}.creater-message .message-card:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAYAAADDl76dAAAAAXNSR0IArs4c6QAAAORJREFUGBljZMADluxfIvPj799ZDP8Z7P4zMnxnYGRYzsIkV5bo6PgDpG3R0UViv3/8t2ZgZLqX7BR7ESTGCCJAYN6eJVr/GP7GAZnP+SQ5p/959Yfv65/fZxkY/suBFcAIRsZ9hgLaHhffXzP/z/hv8///DAIgKSYGxrxk1/jJYAPn7F0qz/D/9wWYJCMjw2agXR////8fAzMHmWZkZLz5n4FBmuH/fx64OCPjmxTnODGIgbsXdv9n+F8ClySTwcjCpMsE0gs0zIdMM1C0Mf39L8E0f/9+DkYGRlUUGTI5/xiYeABuG0voRi8zCwAAAABJRU5ErkJggg==) no-repeat 50%;width:20px;height:6px;position:absolute;content:"";right:20%;top:-6px}.creater-message+.creater-message .message-card:before{content:none}.creater-message.last-message .message-card:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAQtJREFUKBWVUbFOAkEQfXN3kYTOGLWwMRZEEiloKAgFmmgJnb9yH8BprOn4HAULCysSExsIlQEPGyww3N3w8G4T7o6GTTYz+968tzO7wJ5LNvWq3QLmiwZCnMHSFSzxEUQjnDQmItfBtmcsmHpvlNW2iSRfQjCEyjtseYVtDWLBrPMBRXmHIAdZMeK06PScY3cA/zcYXH+eKgjCFodqEquyzSPDmZgSGNBE/X04xZ9cIIrOaVLhLG3HkNmo2iti/l1HqHds94Yzlngj08xS//GSji4d70kVM3RaoL5Xo2OfRQfZQnNOXik52pgy+zRkKoqsIPKSb0lVMPNu+dtXbPmQ+4uFY4gzkGN3sQYYqVOFPd2u+QAAAABJRU5ErkJggg==) no-repeat 50%;width:12px;height:12px;position:absolute;content:"";left:-12px;top:unset;bottom:20%}.narrator .message-col{max-width:90%;position:relative;display:block;margin-left:auto;margin-right:auto;left:50%;-webkit-transform:translateX(-52%);transform:translateX(-52%);text-align:center}.narrator .message-card{text-align:left;border-radius:10px 10px 10px 10px!important;background:#efebe9;color:#919191!important}.message-tips{padding-left:60px;color:#fff;font-size:12px;margin-top:-18px}.message-tips span{display:inline-block;vertical-align:middle}.message-tips .icon-tips{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAACn0lEQVRIDbVVX0hTYRT/mfuTM1aQKxbN5cDptnoxoigy66HNwh6iMNaDSvlgBD6IL0VRSL2IZBBGEhFkSVhBSRJBL9VD9jAEHW5q27RA+vMkunAy6p4D3+Xu7t5xG3Tgfuc7v/M759x7vu9sJf6ag39gUNw7tjNzPvXNYARgMsyUiGNvnjA9UFtvOGydYWaRxLwvqKvbhZWVNOLxL3kpU8mveZgAfH4vytZbEYlMCoh1ifIMvF4PhoYHsJZZQ1tLJ2ZmEjlkPaPWV40HD/thMpUifKYDc7NJmZrTokRiHuOfIti4yY7AzhqZRBuz2Qw6ZHporxSfvxp2+wZ8/PAZycSC0oWcLyCP2WzC3n27JfI4E8vLbejq7kDTiaOw2coYS6d/Y/TVW/T13uV2Erj/wB5+uWw2yxyx5BUQDtL06XcGbsLp3Mrwzx+/WDu2VLBeXPyOixcuITY9y7bWktMiJcFisaC37yonp7YdC4XRUH+SH9oTRoWJQ1w90S1wvj0Mj8eN6FQc7ee6oBwu2hNGPuIQV0+4gDg8MalEDjYe4Zj+W4NQ95UchJGPJBg6zJoWdS6eAzGhRBBT6nI5ycTU5DRrrUX4XJXbZLc6FxfQGqClpWU4HFZYrFYpeFlOoNyI3hNXiDoXFzjeeFb4ZR2LzUkFNiMYPITHQy9kXLkJhhrYJK4QdS7dQ346/JJjaAbojquFMPKRCK6aQ3apo8J9TcuRSi6gqqoSPmkW6E1XVzOYmIgytbWtGdd7umGV2jf2+h0G7z3SSsFYwUGjHl++0olTp5uYLC5ANPae7Wcjo7jRcxuZTKa4AiJKJFQXELbgaWndM9AiF4Pl/R8USuIPeAu5NX3/VGDk+X3NJIVAQwXoN6dYKXiLik2qjPvvh/wX2InTZDY7KoYAAAAASUVORK5CYII=) no-repeat 50%;display:inline-block;margin-right:5px;width:24px;height:24px}.in-tips .tips-story-layer{height:auto}.tips-story-layer{position:absolute;left:0;bottom:0;max-height:80%;width:100%;background-color:#15202b;background-image:url(../img/tips_popbg.605d9a17.jpg);background-position:bottom;background-size:cover;color:#9dbfd4;padding:20px 20px 60px 20px;border-radius:15px 15px 0 0;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;height:0}.in-story .tipsstory-message-box{display:block}.tips-story-timer-pop{position:absolute;right:10px;top:-70px;background:-webkit-gradient(linear,left top,right top,from(#52b3ff),to(#6e56cd));background:linear-gradient(90deg,#52b3ff 0,#6e56cd);width:60px;height:60px;border-radius:50%;padding:2px}.tips-story-timer{border-radius:50%;background:#2b273e;width:56px;height:56px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:24px}.tips-story-timer,.tipsstory-message-list{display:-webkit-box;display:-ms-flexbox;display:flex}.tipsstory-message-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:50px}.tipsstory-message-author span{vertical-align:middle;display:inline-block}.tips-teller-icon{background:url(../img/tips-creater.1ed5b378.svg) no-repeat 50%;display:inline-block;width:32px;height:32px;border-radius:50%;background-size:cover;margin-left:10px}.in-story .tipsstory-message-boxs{min-height:20%;max-height:60vh;height:100vh;overflow-y:auto}.tipsstory-message-box{display:none}.tipsstory-message-box:first-of-type{display:block}.tipsstory-message-box.current{color:#fff}.tipsstory-message-box{background-color:#48559f;max-width:80%;border-radius:10px 0 10px 10px;margin:5px 40px 5px auto;padding:15px;font-size:20px;font-weight:bolder}.tipsstory-warning{background-color:#48559f;width:90%;border-radius:10px;padding:10px;font-size:14px;text-align:center;position:fixed;left:4%;bottom:60px}.tipsstory-wraning-icon{display:inline-block;border-radius:2px;padding:0 4px;margin-right:5px;background-image:-webkit-gradient(linear,right top,left top,color-stop(100%,#479dff),color-stop(0,#7deeff));background-image:linear-gradient(270deg,#479dff 100%,#7deeff 0)}.tipsstory-wraning-icon:before{font-size:8px;color:#fff;content:"TIPS"}@-webkit-keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}.w-100[data-v-6f326aa0]{width:100%}.vue-typer .custom.char{color:#fff}