html{--app-bg-color: #9d8b7e;--app-font-color: #610e0e;--options-bg-color: #c9b4a2;--app-cursor-default: default;--app-cursor-pointer: pointer;cursor:var(--app-cursor-default);--app-font-invert-color: #ffffff;--app-light-bg-color: #ffffff;--app-box-bg-color: #ddcfc1;--app-box-bg-color2: #cebcab;--app-box-bg-color3: #eae3dc;--app-middle-color: #bf7a5e;--app-middle-bg-color: #b4a397;--app-bd-color: #935b5b;--app-notice-bg-color: #fcecd0;--app-notice-bd-color: #bf7a5e;--app-stat-gray-bg-color: #f0ede7;--app-stat-gray-bg2-color: #e2d7cb;--app-side-bg-color: #c4b2a5;--app-shade-bg-color: #fdf9f4}html{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:break-all}html:after{content:"加载中...";position:fixed;top:0;right:0;line-height:24px;padding:0 9px;margin:11px;border-radius:2px;color:#fff;background:rgba(0,0,0,.3);pointer-events:none;transition:opacity .1s ease;opacity:0}html[no-scroll]{overflow:hidden}html[no-touch]{cursor:wait}html[no-touch] body{pointer-events:none}html[no-touch]:after{content:"加载中...";opacity:1}a{text-decoration:none;cursor:var(--app-cursor-pointer)}:focus{outline:none}h1,h2,h3,h4,h5,p{margin:0}select,input,button,textarea{font:inherit;cursor:var(--app-cursor-pointer)}hr{border:0;height:2px;background:currentColor;opacity:.1;border-radius:9px;margin:10px}.o{overflow:hidden}.r{float:right}.l{float:left}.ib{display:inline-block}.nowrap{white-space:nowrap}.handle{cursor:move}html{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--app-font-color);font-size:14px;word-break:break-all;background-color:var(--app-bg-color)}html.old-background{background-size:203px 65px;--background-color1: #b2a094;--background-color2: #b4a397;--background-size: 20px;background-image:repeating-linear-gradient(-52deg,var(--background-color1),var(--background-color1) calc(var(--background-size) * 1),var(--background-color2) calc(var(--background-size) * 1),var(--background-color2) calc(var(--background-size) * 2));background-color:var(--background-color1)}html[data-route-view]{overflow-x:hidden}body{margin:0}::selection{background:rgba(255,0,72,.318)}a{color:inherit}input,button{font:inherit}.draw-btn{display:inline-block;vertical-align:middle;border:0;padding:0 .5em;font-weight:700;--border-width: 2px;border:var(--border-width) solid rgba(0,0,0,.1);background:transparent;border-radius:4px;cursor:var(--app-cursor-pointer);font-size:14px;line-height:24px;outline:none;white-space:nowrap;-webkit-user-select:none;user-select:none;-moz-user-select:none;--webkit-user-select: none}.draw-btn:hover{color:currentColor;border-color:currentColor}.draw-btn.xmin{font-size:12px;line-height:20px;--border-width: 1.5px}.draw-btn.xxmin{font-size:12px;line-height:18px;padding:0 3px;--border-width: 1.5px}.draw-btn.middle{font-weight:700;font-size:15px;line-height:32px;padding:0 14px}.draw-btn.big{font-weight:700;font-size:16px;line-height:3em;padding:0 1em}.draw-btn.large{display:block;text-align:center;margin:4px}.draw-btn[disabled]{opacity:.5;cursor:not-allowed}.draw-btn.current{background:var(--app-font-color);color:var(--app-font-invert-color);border-color:var(--app-font-color);box-shadow:0 4px 12px -8px var(--app-font-color)}.draw-btn.current-wire{color:currentColor;border-color:currentColor}.draw-btn.red{background:#c20f00;color:#fff;border-color:#c20f00}.draw-btn.red-wire,.draw-btn.red-wire-hover:hover{background:#FFF;color:#c20f00;border-color:#c20f00}.draw-btn.gray{background:#F8F8F8;color:#666;border-color:#999}.draw-btn.gray-wire{background:#FFF;color:#666;border-color:#ddd}.draw-btn.line{display:block;text-align:center}.draw-btn+.draw-btn{margin-left:4px}.draw-btn-group{border-radius:4px 0 0 4px}.draw-btn-group.draw-btn-group-last{border-radius:4px}.draw-btn-group+.draw-btn-group{margin-left:0;border-radius:0;border-left:0}.draw-btn-group+.draw-btn-group-last{border-radius:0 4px 4px 0}.draw-input{font:inherit;display:inline-block;vertical-align:middle;border:0;padding:.17em .5em;font-size:16px;height:34px;color:inherit;border:2px solid var(--app-bd-color);border-radius:3px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background:var(--app-font-invert-color)}.draw-input.big{font-size:18px;height:47px;padding:.5em;min-width:18em}.draw-input.middle{height:36px}.draw-input.xmin{font-size:12px;line-height:14px;height:24px;padding:4px}.draw-input:focus{border-color:var(--app-font-color)}.draw-input.line{display:block;width:calc(100% - 2px);max-width:calc(100% - 2px);min-width:calc(100% - 2px);margin:4px 1px}.select.draw-input,select.draw-input{color:var(--app-font-color);-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:4px 16px 4px 8px;background-repeat:no-repeat;background-position:right center;background-size:16px;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="%23935b5b"%3E%3Cpath d="M13,3l15,15L13,33l-3-3l12-12L10,6"/%3E%3C/svg%3E')}textarea.draw-input{padding:6px 12px;min-height:6em}textarea.draw-input.big{padding:.5em .7em}.draw-input.code{background:#222;color:#fff;font-family:monospace}.draw-input.center{text-align:center}.draw-input:disabled{cursor:not-allowed;opacity:.5}.draw-input:disabled::placeholder{opacity:.5}.draw-input+.draw-input:not(textarea){margin-left:6px}header.draw-head{padding:20px;position:relative}.logo{background:url(/_/ef27dafd.svg) no-repeat 50% 50%;height:70px;font-size:62px;line-height:70px;white-space:nowrap;color:transparent;margin:0 auto;font-family:Tensentype-JiaLiDaYuanJF;text-align:center}@media (max-width: 500px){.logo{background-size:contain;line-height:50px;height:50px;font-size:43px}}.enazo-min-head{padding:10px 0;text-align:center;position:relative}.enazo-min-head .enazo-min-logo-box{margin:0 auto;width:236px;position:relative;display:flex}.enazo-min-head .enazo-min-logo-box .enazo-shell{width:120px;height:120px;margin:0 -20px;position:relative}.enazo-min-head .enazo-min-logo-box .enazo-min-logo{margin:78px 0 0}.enazo-min-logo{display:block;font-weight:700;font-size:24px;line-height:40px;margin:0 10px;white-space:nowrap;--enazo-min-logo-width: 270px;--enazo-min-logo-height: 60px;background-size:var(--enazo-min-logo-width) var(--enazo-min-logo-height);width:var(--enazo-min-logo-width);height:var(--enazo-min-logo-height);color:transparent;--enazo-min-logo-width: 156px;--enazo-min-logo-height: 42px;background-image:url(/_/899a5a6a.png)}.draw-what-bg .ui-input,.draw-what-bg .ui-btn{font-size:inherit}.draw-what-bg .canvas{background-color:#e6dccc}.draw-what-bg canvas,.draw-what-bg .canvas{display:block;max-width:100%;touch-action:none;aspect-ratio:1280 / 960}.room-ctrl-box{margin:2px -4px}.room-ctrl-box .draw-btn{margin:3px 2px}.draw-canvas-box{position:relative;border-radius:10px;overflow:hidden;z-index:0}.draw-canvas-box[data-can-draw=true]{border-bottom-left-radius:0}.draw-canvas-box canvas,.draw-canvas-box .canvas{display:block;width:100%;pointer-events:none}.draw-canvas-box canvas[data-can-draw=true],.draw-canvas-box .canvas[data-can-draw=true]{pointer-events:auto}.draw-canvas-box .sketch-images-box{position:absolute;top:0;left:0;right:0;pointer-events:none}.draw-canvas-box .sketch-images-box[data-flip=true] .sketch-image{transform:rotateY(180deg)}.draw-canvas-box .sketch-image{position:absolute;top:0;display:block;box-shadow:0 0 0 2px green;background:none}.draw-canvas-box .sketch-image:nth-child(1){position:relative}.draw-canvas-box .draw-canvas-outter-box[data-flip=true]{transform:rotateY(180deg)}.draw-canvas-box .draw-canvas-outter-box .box-animation-box{position:absolute;top:0;left:0;right:0;pointer-events:none}.draw-canvas-box .draw-canvas-outter-box .box-animation-box .box-animation-preview-grid-box{position:absolute;top:0;width:100%}.draw-canvas-box .draw-canvas-outter-box .box-animation-box .box-animation-preview-grid-box svg{width:100%}.draw-canvas-box .draw-canvas-outter-box .box-animation-box .box-animation-sketch-image{width:100%;display:block;aspect-ratio:1280 / 960;background:none}.draw-canvas-box .drawing-box .btn{display:inline-block;vertical-align:middle;border:0;color:currentColor;font-weight:400;box-shadow:0 0 0 2px #610e0e4d;background:transparent;border-radius:2px;cursor:var(--app-cursor-pointer);line-height:36px;padding:0 12px;outline:none;white-space:nowrap}.draw-canvas-box .drawing-box .btn-buttom-left,.draw-canvas-box .drawing-box .btn-buttom-right{position:absolute;bottom:0;margin:20px;opacity:.5;transition:opacity .3s ease;background-color:#f8ecdb80}@media (max-width: 500px){.draw-canvas-box .drawing-box .btn-buttom-left,.draw-canvas-box .drawing-box .btn-buttom-right{margin:15px}}.draw-canvas-box .drawing-box .btn-buttom-left:hover,.draw-canvas-box .drawing-box .btn-buttom-right:hover{opacity:1}.draw-canvas-box .drawing-box .btn-buttom-left{left:0}.draw-canvas-box .drawing-box .btn-buttom-right{right:0}.draw-canvas-box .question-name{pointer-events:none;position:absolute;top:0;left:0;right:0;text-align:center;line-height:1em;padding:1.5em 1em;margin-top:6px;color:#784637;display:none}.draw-canvas-box .question-name:before,.draw-canvas-box .question-name:after{opacity:.5;margin:0 1em;font-size:.8em}.draw-canvas-box .question-name:before{content:"「"}.draw-canvas-box .question-name:after{content:"」"}.draw-canvas-box .progress{position:absolute;top:0;left:0;right:0;margin:14px}@media (max-width: 500px){.draw-canvas-box .progress{margin:10px}}.draw-shade-box{position:absolute;top:0;right:0;left:0;bottom:0;z-index:0;background:var(--app-shade-bg-color);background:rgba(255,255,255,.5);text-align:center;padding-top:10px;display:flex;flex-direction:column;justify-content:center}.draw-shade-box h1{font-size:3em;font-weight:800;padding:.3em 0}.draw-shade-box h2{font-size:1.8em;line-height:1;padding:0 0 14px}.draw-shade-box .label-item{padding:4px 0}.draw-shade-box .back-box button{font-size:1em;font-weight:700;margin:.3em;line-height:1;padding:1em}.draw-shade-box .ctrl-box{padding:.8em 0}.draw-shade-box .ctrl-box button{margin:.5em}.draw-shade-box .tip-box{font-size:.8em;opacity:.5}[data-text]:before{content:attr(data-text)}.start-form-box .draw-input{max-width:9em;width:6em}.func-loading{text-align:center;padding:200px 0}ins.adsbygoogle{height:90px;width:100%}.ga{height:90px;max-width:800px;width:100%;margin:20px auto 0;position:relative;overflow:hidden}.loading-box{padding:100px 0;text-align:center}.loading-box h2{padding:10px 0}.callvote-kick-btn{font-size:12px;margin-left:6px;color:#fff;opacity:.5}.callvote-box{padding:4px 8px;margin:0 0 4px;border-radius:1px;background:rgba(234,217,211,.9);box-shadow:0 0 0 1px #0000001a,0 0 0 3px #00000005;font-size:14px;overflow:hidden}.callvote-box h4{font-size:16px;padding:4px 0 0}.callvote-box .content-box{padding:4px 2px}.callvote-box .ctrl-box{padding:4px 2px;overflow:hidden;margin-right:-6px}.callvote-box .ctrl-box .draw-btn{margin-right:6px}.callvote-box .tip-box{padding:4px 2px;opacity:.5}@media (max-width: 500px){.callvote-box{padding-right:2px;font-size:12px}.callvote-box .ctrl-box{padding:0 2px 2px;margin-right:-6px}.callvote-box .ctrl-box .draw-btn{font-size:12px;line-height:30px;padding:0 8px;border-radius:2px;box-shadow:none;margin:0 3px 0 0}}.draw-join-room-box{text-align:center;background:var(--app-box-bg-color);border-radius:10px;padding:40px 20px 30px;height:600px;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}.draw-join-room-box h1{font-size:3em;font-weight:800}.draw-join-room-box h2{font-size:2em;padding:1em 0}.draw-join-room-box .label-item{padding:.8em 0}.draw-join-room-box .label-item .label-name{font-size:12px;line-height:14px;padding:4px 0;opacity:.5}.draw-join-room-box .label-item.middle{padding:1.4em 0}.quizing-box h2{padding-top:0}.quizing-box .draw-btn-skip{position:absolute;left:0;bottom:0;margin:20px}[data-content-error=true]{background-color:#fbb}[data-content-error=true] td{background-color:#fbb!important}@media (max-width: 800px){.draw-canvas-box{border-radius:0}}@media (max-width: 640px){.draw-canvas-box .draw-shade-box h1{font-size:2em;padding:.2em}.draw-canvas-box .draw-shade-box h2{padding:.5em 0}.draw-canvas-box .draw-shade-box .label-item.middle{padding:.6em 0}.draw-canvas-box .draw-shade-box.quizing-box h2{padding:.5em 0}.draw-canvas-box .start-form-box .ctrl-box{padding:.2em 0}}@media (max-width: 420px){.draw-canvas-box .draw-shade-box h2{padding:.5em 0}.draw-canvas-box .draw-shade-box .label-item.middle{padding:.6em 0}.draw-canvas-box .draw-shade-box.quizing-box h2{padding:.5em 0}}@media (max-width: 800px){.draw-bottom-box{zoom:.9}}.draw-footer-enazo-shell{position:fixed;bottom:20px;right:10px;width:120px;height:120px;pointer-events:none}.draw-footer{pointer-events:auto;text-align:center;font-size:12px;line-height:18px;padding:10px;color:currentColor;opacity:.5}.draw-footer .content{transform:scale(.9)}.draw-footer .sub-before{margin-right:2px;opacity:.8}.draw-footer a{color:inherit}.draw-footer i{opacity:.5;margin:0 2px}.draw-footer i:before{content:"/"}.current-member-admin-ctrl-box{background:#ffdbdb;background:rgba(255,50,50,.1);overflow:hidden;padding:0 6px 6px;margin:8px -8px 0;border-radius:2px;position:relative}.current-member-admin-ctrl-box .draw-btn{margin:0 4px 4px 0!important}.current-member-admin-ctrl-box:before{color:#ff7171;display:block;content:"这是您的超管权限，请勿滥用";font-size:12px;line-height:16px;padding:6px 2px 2px;top:0}.admin-ctrl-box{background:#bca397;background:rgba(100,0,0,.1);padding:3px 3px 2px 4px;margin:8px -6px -6px;border-radius:2px;max-width:300px;position:relative}.admin-ctrl-box:before{color:#f1dede;display:block;content:"超管权限，请勿滥用";font-size:10px;line-height:12px;padding:0 4px 1px 2px;border-radius:0 0 2px 2px}.admin-ctrl-btns-box{display:flex;flex-wrap:wrap}.admin-ctrl-btns-box .draw-btn{vertical-align:top;margin:0 2px 2px 0!important}.draw-home-footer{font-size:12px;line-height:18px;white-space:nowrap;padding:20px 0 4px;overflow:hidden}.draw-home-footer p{display:inline-block;padding:1px 10px}.draw-home-footer i{margin:0 4px;opacity:.3;font-style:normal}.draw-home-footer .ping{opacity:.5}shell{cursor:var(--app-cursor-pointer);display:block;--shell-width: 120px;width:var(--shell-width);height:var(--shell-width);background:no-repeat 50% 90%;background-size:var(--shell-width);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transform-origin:50% 100%;transition:opacity .2s ease,transform .2s ease;z-index:0}shell canvas{display:block;pointer-events:auto;width:var(--shell-width);height:var(--shell-width);position:relative;z-index:1}shell.loading{transform:scale(.8);opacity:0}shell[data-paused=true]{opacity:0;pointer-events:none}shell[data-paused=true] canvas{pointer-events:none}shell:before{content:"";position:absolute;bottom:0;left:48px;height:8px;width:22px;border-radius:50%;background:rgba(0,0,0,.2);box-shadow:0 0 0 4px #00000008}.shell-pause-btn:before{content:"定住"}.shell-pause-btn[data-paused=true]:before{content:"复活"}shell{position:fixed;right:40px;bottom:70px;z-index:2}@media (max-width: 800px){shell{position:fixed;right:20px;bottom:10px}}.draw-message-form{margin:0;padding:10px 0 0;position:relative;z-index:1}.draw-message-form .sub-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:absolute;right:0;bottom:0;z-index:1;border:0;margin:10px 18px;font-size:16px;line-height:28px;height:28px;background:#00a2ff;color:#fff;padding:0 6px;opacity:0;box-shadow:0 2px 4px -1px #0003;cursor:var(--app-cursor-pointer);transition:opacity .1s ease}.draw-message-form .message-input{display:block;color:#444;background:var(--app-light-bg-color);box-shadow:0 0 0 2px #0000001a;border-radius:10px;cursor:var(--app-cursor-pointer);box-sizing:border-box;outline:none;border:0;font-size:18px;line-height:24px;padding:12px 14px;margin:0;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:box-shadow .1s ease}@media (max-width: 800px){.draw-message-form .message-input{border-radius:0}}.draw-message-form .message-input::-webkit-input-placeholder{line-height:24px!important}.draw-message-form .message-input:focus{box-shadow:0 0 0 2px #409eff}.draw-message-form .message-input:disabled{opacity:1;background-color:#ececee;border-color:#7676764d}.draw-message-form .message-input[data-waiting]{background-color:#ececee;border-color:#7676764d}.draw-message-form:focus-within .sub-button,.draw-message-form[focus-within] .sub-button{opacity:1}.draw-message-form:focus-within .message-input,.draw-message-form[focus-within] .message-input{box-shadow:0 0 0 2px #409eff}.draw-message-form .sub-button:hover{opacity:1}.draw-message-form .record-btn{position:absolute;right:0;bottom:0;margin:7px 9px}.draw-message-form[data-recording=true] .sub-button{display:none}.draw-message-form[data-recording=true] .message-input{box-shadow:0 0 0 2px #a00 inset}.draw-message-form .emotion-btn-box{position:absolute;right:6px;bottom:0;margin:7px 9px}.draw-message-box{line-height:16px;background:var(--app-box-bg-color);height:280px;overflow:auto;overscroll-behavior:contain}.draw-message-box .message-list{padding:10px 10px 20px 12px}.draw-message-box .message-list>.item{padding:5px 0;word-break:break-all;overflow:hidden;position:relative}.draw-message-box .message-list>.item[data-name]:before{content:attr(data-name);font-weight:700;margin-right:4px}.draw-message-box .message-list>.item[data-type=tip]{color:#eca109;font-weight:700}.draw-message-box .message-list>.item[data-type=tip]:before{font-weight:400;margin-right:.3em;opacity:.5}.draw-message-box .message-list>.item[data-type=kitsu]{color:#ff8787}.draw-message-box .message-list>.item[data-type=kitsu]:before{font-weight:400;margin-right:.3em;opacity:.5}.draw-message-box .message-list>.item[data-type=error]{color:#cb0000}.draw-message-box .message-list>.item[data-type=system]{color:#08f}.draw-message-box .message-list>.item[data-type=hit]{color:#007e00}.draw-message-box .message-list>.item[data-type=leave]{color:#a7a7a7}.draw-message-box .message-list>.item[data-type=skip]{color:#8b8b8b}.draw-message-box .message-list>.item[data-type=miss]{color:#8b8b8b}.draw-message-box .message-list>.item[data-type=extra]{color:#f18100;font-weight:700}.draw-message-box .message-list>.item[data-type=flower]{color:#f77;font-weight:700}.draw-message-box .message-list>.item[data-type=desert]{color:#8b8b8b}.draw-message-box .message-list>.item[data-type=answer]{color:#70bcff}.draw-message-box .message-list>.item[data-type=message]{color:#333}.draw-message-box .message-list>.item[data-type=message][data-name]:before{content:attr(data-name);opacity:.7;font-weight:400;margin-right:.3em}.draw-message-box .message-list>.item[data-type=near]{color:#ff8787}.draw-message-box .message-list>.item[data-type=near][data-name]:before{content:attr(data-name);font-weight:400;margin-right:.3em}.draw-message-box .message-list>.item[data-type=near] .text:before{content:"接近了 "}.draw-message-box .message-list>.item[data-type=near] .text:after{content:"%"}.draw-message-box .message-list>.item[data-blocked]{display:none}.draw-message-box .message-list>.item .report{opacity:.5}.draw-message-box .message-list>.item .report:hover{opacity:1}.draw-message-box .message-list>.item .report:before{content:"!";position:absolute;right:0;width:1em;text-align:center}.draw-message-box::-webkit-scrollbar{width:8px;height:16px}.draw-message-box::-webkit-scrollbar-thumb{background:#9e765a;border-radius:4px}.draw-message-box .box-animation-tool-box{margin:0 0 -6px;padding:6px;background:#FFF;border-radius:10px 0 10px 10px;position:relative;overflow:hidden;box-shadow:0 4px 8px -2px #0000001a;display:flex;flex-direction:row;justify-content:space-between}.draw-message-box .box-animation-tool-box h4{content:"格子动图";font-size:10px;line-height:14px;padding:0 2px;cursor:var(--app-cursor-pointer)}.draw-message-box .box-animation-tool-box .tool-box{padding-top:2px;display:flex;align-items:center;justify-content:space-between;flex-direction:column}@media (max-width: 800px){.draw-message-box .box-animation-tool-box{border-radius:0 0 10px 10px;flex-direction:column}.draw-message-box .box-animation-tool-box .tool-box{padding-top:6px;align-items:center;justify-content:space-between;flex-direction:row}.draw-message-box .box-animation-tool-box h4{top:auto;right:auto;left:0;bottom:0;justify-content:space-between}}.draw-message-box .box-animation-preview-box{border-radius:4px;width:160px;height:120px}html{--window-height: 100%;--window-width: 100%}body{min-height:var(--window-height)}html[data-route-view=room],html[data-route-view=room] body,html[data-route-view=room] .draw-app,html[data-route-view=room] .draw-what-bg{height:100%;overflow:hidden;scroll-behavior:auto}html[data-route-view=room] .draw-footer,html[data-route-view=room] .enazo-min-head{display:none}.layout{max-width:100%;width:800px;box-sizing:border-box;margin:0 auto}@media (max-width: 801px){.layout{border-radius:0!important}}.draw-app{box-sizing:border-box;min-height:calc(var(--window-height) - 56px);position:relative;z-index:1}body{position:relative;z-index:0}.draw-what-bg{pointer-events:none;--draw-config-height: 58px;--draw-consult-height: 0px;--draw-gif-marker-height: 0px}.draw-what-bg>*{pointer-events:auto}@media (min-width: 801px){.draw-what-bg{display:flex;justify-content:center;align-items:center}}.draw-what-bg[data-room=true]{position:fixed;top:0;right:0;bottom:0;left:0}.draw-what-bg[data-open-consult=true]{--draw-consult-height: 100px}.draw-room-box{position:relative;--draw-room-margin: 10px;box-sizing:border-box}.side-box{background:var(--app-side-bg-color);position:relative}.side-box .side-info-box{text-align:center;padding:15px 0 17px;position:relative}.side-box .side-info-box .head{padding:0 0 2px}.side-box .side-info-box .head .room-name{display:none;font-size:12px;margin:-8px 0 -4px;line-height:12px;opacity:.5;transform:scale(.8)}.side-box .side-info-box .head h3{font-size:16px;line-height:20px}.side-box .side-info-box .foot{font-size:12px}.side-box .side-info-box .leave-btn{position:absolute;left:0;top:0;bottom:0;margin:auto 8px}.side-box .side-info-box .more-btn{position:absolute;right:0;top:0;bottom:0;margin:auto 8px}.side-box .side-info-box .progress{position:absolute;bottom:0;left:0;right:0;height:4px;margin:6px 10px}.head-info-box{display:none;background:var(--app-side-bg-color);padding:10px 38px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;line-height:20px}.head-info-box .leave-btn,.head-info-box .more-btn{position:absolute;top:0;bottom:4px;margin:auto 8px}.head-info-box .leave-btn{left:0}.head-info-box .more-btn{right:0}.head-info-box .progress{position:absolute;bottom:0;left:0;right:0;height:3px;margin:4px 10px}@media (max-width: 800px){.draw-what-bg[data-style-mode=default] .head-info-box{display:block}.draw-what-bg[data-style-mode=default] .draw-room-box{height:100%;display:flex;flex-direction:column;flex-wrap:nowrap}.draw-what-bg[data-style-mode=default] .draw-message-form{padding:0}.draw-what-bg[data-style-mode=default] .side-box{flex:1;overflow:hidden}.draw-what-bg[data-style-mode=default] .side-box .side-info-box{display:none}.draw-what-bg[data-style-mode=default] .side-box .draw-member-box,.draw-what-bg[data-style-mode=default] .side-box .draw-message-box{float:left;width:50%;height:100%}}@media (min-width: 801px){.draw-what-bg[data-style-mode=default] .draw-room-box{margin:var(--draw-room-margin);--message-box-height: 300px;--message-box-height: max(43%, 300px);width:calc(var(--window-width) - var(--draw-room-margin) * 2)}.draw-what-bg[data-style-mode=default] .side-box{border-radius:10px;margin-left:10px}.draw-what-bg[data-style-mode=default] .side-box .draw-member-box{position:absolute;top:0;left:0;right:0;bottom:var(--message-box-height)}.draw-what-bg[data-style-mode=default] .side-box .draw-message-box{border-radius:10px;height:var(--message-box-height);position:absolute;bottom:0;left:0;right:0}.draw-what-bg[data-style-mode=default] .draw-room-box{--side-width: 260px;--side-margin: 10px;padding-right:calc(var(--side-width) + var(--side-margin))}.draw-what-bg[data-style-mode=default] .draw-room-box .side-box{position:absolute;right:0;top:0;bottom:0;width:var(--side-width)}}@media (min-width: 801px) and (min-width: 1550px){.draw-what-bg[data-style-mode=default] .draw-room-box{margin:var(--draw-room-margin) auto;width:1550px}}@media (min-width: 801px) and (max-width: 1130px){.draw-what-bg[data-style-mode=default] .draw-message-form{margin-right:-270px}.draw-what-bg[data-style-mode=default] .draw-room-box{--draw-room-margin: 10px;--message-box-height: 240px}.draw-what-bg[data-style-mode=default] .draw-room-box .side-box{margin:0;bottom:var(--draw-config-height)}}@media (min-width: 801px) and (min-height: 849px){.draw-what-bg[data-style-mode=default] .draw-room-box{max-width:calc((var(--window-height) - var(--draw-room-margin) * 2 - var(--draw-consult-height) - var(--draw-config-height) - var(--draw-gif-marker-height)) / 3 * 4 + var(--side-width) + 10px);margin:var(--draw-room-margin) auto}}@media (min-width: 801px) and (max-height: 850px){.draw-what-bg[data-style-mode=default] .draw-room-box{width:calc(var(--window-width) - var(--draw-room-margin) * 2 - 10px);max-height:calc((var(--window-width) - var(--draw-room-margin) * 2 - var(--side-width) - 10px) / 4 * 3 + var(--draw-config-height) + var(--draw-consult-height) + var(--draw-gif-marker-height));max-width:calc((var(--window-height) - var(--draw-room-margin) * 2 - var(--draw-consult-height) - var(--draw-gif-marker-height) - var(--draw-config-height)) / 3 * 4 + var(--side-width) + 10px);margin:var(--draw-room-margin) auto}}@media (min-width: 801px) and (max-height: 850px) and (max-width: 1130px){.draw-what-bg[data-style-mode=default] .draw-room-box{width:calc(var(--window-width) - var(--draw-room-margin) * 2);margin:var(--draw-room-margin)}}@media (min-width: 801px) and (max-height: 680px){.draw-what-bg[data-style-mode=default] .draw-message-form{margin-right:-270px}.draw-what-bg[data-style-mode=default] .draw-room-box{--draw-room-margin: 10px;--message-box-height: 40vh}.draw-what-bg[data-style-mode=default] .draw-room-box .side-box{margin:0;bottom:58px}}.mobile-more-btn,.mobile-full-screen-btn{display:none}.side-box .draw-message-form{clear:both;display:none}.canvas-mobile-x-scale-range{display:none;box-sizing:border-box;height:40px;width:calc(100% - 120px);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f8ecdb;background:none;width:100%;margin:0;padding:1px 60px;border-radius:0}.canvas-mobile-x-scale-range::-webkit-slider-thumb{-webkit-appearance:none;height:38px;width:60px;background:var(--app-font-color);cursor:ew-resize;border-radius:4px}.canvas-mobile-x-scale-range::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.mobile-full-screen-messages-box{display:none;position:absolute;bottom:0;right:0;background:none;pointer-events:none;font-size:12px;width:160px;height:auto;z-index:999;opacity:.6}.mobile-full-screen-messages-box .report{display:none}.mobile-full-screen-messages-box .message-list{padding:0 6px 0 0;text-align:right}.mobile-full-screen-messages-box .message-list img.emoji,.mobile-full-screen-messages-box .message-list span.emoji{font-size:22px;vertical-align:-.25em}.mobile-full-screen-messages-box .message-list>.item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 1px 0 rgba(255,255,255,.2)}.mobile-full-screen-messages-box .message-list>.item:before{display:block;font-size:10px;line-height:12px}.mobile-full-screen-messages-box .message-list>.item .text .text-emotion-image{width:80px;height:60px}.mobile-full-screen-ctrl-box{display:none;position:relative}.mobile-full-screen-ctrl-box .draw-btn{position:absolute;bottom:0;z-index:3;margin:6px}.mobile-show-more-info-btn{left:0;z-index:3}.mobile-show-more-info-btn:before{content:"选项"}.mobile-show-side-switch-btn{right:0}.mobile-show-side-switch-btn:before{content:"聊天"}@media (max-width: 800px){.mobile-full-screen-messages-box,.mobile-full-screen-ctrl-box{display:block}.mobile-full-screen-btn{display:inline-block}.draw-what-bg[data-mobile-style-mode=fullScreen][data-can-draw=true]{--canvas-mobile-max-width: calc( (var(--window-height) - 66px - 40px - var(--draw-consult-height) - var(--draw-gif-marker-height)) / 3 * 4 );--canvas-mobile-max-width: min((var(--window-height) - 66px - 40px - var(--draw-consult-height) - var(--draw-gif-marker-height)) / 3 * 4, 200vw)}.draw-what-bg[data-mobile-style-mode=fullScreen][data-can-draw=true] .head-info-box{display:none}.draw-what-bg[data-mobile-style-mode=fullScreen][data-can-draw=true] .mobile-more-btn{display:block;position:fixed;top:0;right:0;bottom:auto;margin:28px 14px;z-index:1}.draw-what-bg[data-mobile-style-mode=fullScreen][data-can-draw=true] .canvas-mobile-x-scale-range{display:block}.draw-what-bg[data-mobile-style-mode=fullScreen][data-can-draw=true] .draw-room-box .left .draw-canvas-box{flex:auto;position:relative}.draw-what-bg[data-mobile-style-mode=fullScreen][data-can-draw=true] .draw-room-box .left .draw-canvas-box canvas,.draw-what-bg[data-mobile-style-mode=fullScreen][data-can-draw=true] .draw-room-box .left .draw-canvas-box .canvas{width:auto;margin:0;height:auto;width:150vw;margin-left:calc((100vw - 150vw) * (1 - var(--canvas-mobile-x-scale)));width:var(--canvas-mobile-max-width);margin-left:calc((100vw - var(--canvas-mobile-max-width)) * (1 - var(--canvas-mobile-x-scale)));max-width:none}.draw-what-bg[data-mobile-style-mode=fullScreen][data-can-draw=true] .draw-room-box .draw-message-form{display:none}.draw-what-bg[data-mobile-style-mode=fullScreen][data-can-draw=true] .draw-room-box .side-box{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.draw-what-bg[data-mobile-style-mode=fullScreen][data-can-draw=true] .draw-room-box .side-box .draw-message-form,.draw-what-bg[data-mobile-style-mode=fullScreen][data-can-draw=true][data-mobile-show-side=true] .side-box{display:block}}.draw-wait-back-chose-box{font-size:16px}@media (max-width: 800px){.draw-what-bg[data-style-mode=full]{display:none}}.draw-what-bg[data-style-mode=full] .draw-room-box{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;max-width:calc((100vh - 70px) / 3 * 4);max-height:75vw;margin:auto}.draw-what-bg[data-style-mode=full] .draw-room-box .head-info-box{display:block;position:absolute;top:20px;left:0;right:0;z-index:1;background:none;pointer-events:none;opacity:.5;font-size:12px}.draw-what-bg[data-style-mode=full] .draw-room-box .head-info-box [class*=btn]{pointer-events:auto}.draw-what-bg[data-style-mode=full] .draw-canvas-box{border-radius:0}.draw-what-bg[data-style-mode=full] .draw-bottom-box{height:70px}.draw-what-bg[data-style-mode=full] .side-box{position:static;pointer-events:none}.draw-what-bg[data-style-mode=full] .side-box a,.draw-what-bg[data-style-mode=full] .side-box button,.draw-what-bg[data-style-mode=full] .side-box [class*=btn],.draw-what-bg[data-style-mode=full] .side-box .nickname{pointer-events:auto}.draw-what-bg[data-style-mode=full] .side-box .draw-member-box{position:absolute;top:60px;right:0;background:none;width:220px;font-size:12px}.draw-what-bg[data-style-mode=full] .side-box .draw-member-box .side-info-box{display:none}.draw-what-bg[data-style-mode=full] .side-box .draw-member-box .draw-member-item{line-height:18px;padding:6px 30px 6px 28px}.draw-what-bg[data-style-mode=full] .side-box .draw-message-box{position:absolute;right:0;bottom:80px;width:200px;background:none;overflow:hidden;font-size:12px;height:166px}.draw-what-bg[data-style-mode=full] .baidu-images-search-box{position:absolute;top:0;left:0;right:0;z-index:1;opacity:.5}.draw-what-bg[data-style-mode=full] .more-btn{z-index:2}.draw-what-bg[data-show-gif-marker=true]{--draw-gif-marker-height: 46px}.draw-more-test-gif-marker-box{padding:4px 0 2px}.draw-more-test-gif-marker-box p{padding:0 1px 2px}.draw-more-test-gif-marker-box .ctrl-box{padding:0!important}.gif-marker-preview-box{position:absolute;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:0 2px 0 0;box-shadow:0 0 0 1px #0000001a}.gif-marker-preview-box canvas{display:block;width:160px!important;height:120px!important;margin:0!important;padding:0!important;border:0!important}.gif-marker-preview-box .close-btn{position:absolute;right:0;top:0;font-size:14px;line-height:14px;padding:8px;margin:0;width:1em;text-align:center;pointer-events:auto}.gif-marker-preview-box .close-btn:before{content:"✕"}.gif-marker-preview-box .index{position:absolute;bottom:0;right:0;font-size:12px;line-height:1;padding:4px}.gif-marker-frames-box{overflow:hidden;overflow-x:auto;height:46px}.gif-marker-frames-box .frame-list{height:46px;overflow:hidden;padding-right:60px}.gif-marker-frames-box .frame-list .frame-list-can-drag{float:left}.gif-marker-frames-box .frame-list .frame-item{float:left;width:60px;height:45px;box-sizing:border-box;position:relative;margin:1px 1px 0 0;background:#f8ecdb}.gif-marker-frames-box .frame-list .frame-item.add{text-align:center;line-height:45px;font-size:14px;opacity:.5;cursor:var(--app-cursor-pointer)}.gif-marker-frames-box .frame-list .frame-item.add:before{content:"+"}.gif-marker-frames-box .frame-list .frame-item.play{width:50px;text-align:center;line-height:45px;font-size:14px;opacity:.5;cursor:var(--app-cursor-pointer)}.gif-marker-frames-box .frame-list .frame-item.play:before{content:"►"}.gif-marker-frames-box .frame-list .frame-item.play[data-playing]:before{content:"||"}.gif-marker-frames-box .frame-list .frame-item.save{width:50px;text-align:center;line-height:45px;font-size:12px;opacity:.5;cursor:var(--app-cursor-pointer)}.gif-marker-frames-box .frame-list .frame-item.save:before{content:"保存"}.gif-marker-frames-box .frame-list .frame-item img{display:block;width:60px;height:45px;top:0;left:0;pointer-events:none}.gif-marker-frames-box .frame-list .frame-item .remove-btn{position:absolute;right:0;top:0;line-height:1;padding:2px;font-size:12px;font-weight:700}.gif-marker-frames-box .frame-list .frame-item .ms-select{position:absolute;right:0;bottom:0;border:0;background:none;font-size:12px;padding:0 2px 0 0;margin:0;color:currentColor;-moz-appearance:none;appearance:none;-webkit-appearance:none;text-align:right;cursor:var(--app-cursor-pointer)}.gif-marker-frames-box .frame-list .frame-item .copy-btn{position:absolute;left:0;top:0;line-height:1;padding:2px;font-size:12px;font-weight:700}.gif-marker-frames-box .frame-list .frame-item .handle{position:absolute;left:0;bottom:0;line-height:1;padding:2px;font-size:12px;text-align:center;width:1em;font-weight:700;cursor:move}.gif-marker-frames-box .frame-list .frame-item .handle:before{content:"="}.gif-marker-frames-box::-webkit-scrollbar{display:none}.func-output-shadow{position:fixed;top:0;left:0;right:0;bottom:0;z-index:5;overflow:auto;background-color:#000c}.func-output-box{max-width:480px;padding:8px 8px 20px;background-color:#fff;border-radius:2px;text-align:center;margin:20px auto}.func-output-box h2{font-size:18px;line-height:30px;padding:4px 0 10px}.func-output-box .output-online-image-url{max-width:280px}.func-output-box img{width:100%;box-shadow:0 0 8px #0000001a;aspect-ratio:4 / 3}.func-output-box .text-box{padding:10px 0 15px}.func-output-box .text-box p{padding:4px 0}.func-output-box .text-box a{display:inline-block;font-weight:700;box-shadow:0 1px 0 currentColor}@media (max-width: 500px){.func-output-box{border-radius:0}}.side-head-round-status{position:absolute;top:0;left:0;right:0;text-align:center;line-height:20px;font-size:14px}.room-draw-options-box{margin-bottom:-20px}@media (max-width: 800px){.room-draw-options-box{margin-bottom:0}}@media (min-width: 800px){.draw-bottom-box .room-draw-options-box{float:left}.draw-bottom-box .draw-message-form{margin-left:460px}}.index-footer{position:relative}.draw-more-info-box{position:fixed;top:0;right:0;z-index:1;clear:both;max-width:100%;overflow:hidden;width:240px;padding:0 6px 6px;background-color:var(--app-side-bg-color);box-shadow:0 0 0 2px #241916;border-radius:0 0 0 6px;font-size:12px}.draw-more-info-box .ctrl-box{padding:8px 0 0}.draw-more-info-box .close{position:absolute;top:0;right:0;margin:8px}.draw-show-more-info-btn{position:fixed;bottom:0;left:0;z-index:4;background-color:#241916;padding:4px 2px;font-size:12px;border-top-right-radius:8px}.draw-more-test-mode-box{background:rgba(0,0,0,.05);margin:6px -6px -6px;padding:2px 0 0 2px;position:relative}.draw-more-test-drawer-ctrl-box{display:block;padding:6px 2px 2px 0;text-align:right;overflow:hidden}.draw-more-test-draw-logs-box{display:inline-block;vertical-align:top;margin-top:4px}.draw-more-test-draw-logs-box a{float:left;font-size:12px;line-height:1;padding:2px;border:1.5px solid currentColor;font-weight:700;margin-right:2px;border-radius:2px}.draw-more-test-draw-logs-box .play-logs-by-json-btn{position:absolute;top:0;right:0;margin:0;padding:0;border:0;opacity:.5}.draw-more-test-draw-logs-box .play-logs-by-json-btn2{position:absolute;top:18px;right:0;margin:0;padding:0;border:0;opacity:.5}@media (max-width: 800px){[data-max-width-800]{display:none!important}}html[data-system=windows] ::-webkit-scrollbar{width:6px;height:6px;cursor:var(--app-cursor-pointer)}html[data-system=windows] ::-webkit-scrollbar-track{border-radius:10px}html[data-system=windows] ::-webkit-scrollbar-thumb{border-radius:2px;background:rgba(97,14,14,.3)}.user-link{cursor:var(--app-cursor-pointer)}.picture-item{overflow:hidden;padding:6px;box-sizing:border-box}.picture-item .draw-canvas-preview{width:100%}.picture-item[data-blocked=true]{pointer-events:none}.picture-item[data-blocked=true] .draw-canvas-preview{opacity:.3;transition:opacity .3s ease}.picture-item[data-blocked=true] .func-flower-box,.picture-item[data-blocked=true] .ctrl-box{visibility:hidden}.picture-item[data-blocked=true] .foot{opacity:.5}.picture-item .info-box{padding:4px 10px}.picture-item .info-box h2{padding-bottom:4px;display:none}.picture-item .info-box p{padding:2px 0}.picture-item .info-box .user .user-link{display:none;margin-right:6px}.picture-item .info-box .user .use{opacity:.8}.picture-item .info-box time{opacity:.5}.picture-item .info-box .ctrl-box{padding:4px 0 2px}.picture-item .info-box .foot{padding:4px 0;font-size:12px;line-height:16px;overflow:hidden}.picture-item .info-box .foot .user-link,.picture-item .info-box .foot time{float:left}.picture-item .info-box .foot .user-link{cursor:var(--app-cursor-pointer);margin-right:6px}[data-name=彩虹]{background-image:linear-gradient(to left top,orangered,orange,gold,lightgreen,cyan,dodgerblue,mediumpurple,hotpink,orangered)!important}[data-have-new]{position:relative}[data-have-new]:after{content:attr(data-have-new)!important;position:absolute;bottom:100%;left:100%;background:#c20f00;color:#fff;font-size:8px;line-height:10px;padding:1px 2px;border-radius:2px;transform:translate(-10px,6px);pointer-events:none;z-index:1;white-space:nowrap}.show-flower-box{--flower-width: 24px;position:fixed;left:calc(50% - var(--flower-width) / 2);bottom:30%;animation:show-flower 2s ease;opacity:0;z-index:999;pointer-events:none}.show-flower-box[data-value=flower] .show-flower{background-image:url(/_/ff7f12f3.svg);animation:flower-rotate 2s linear infinite}.show-flower-box[data-value=kitsu] .show-flower{background-image:url(/_/5b5b42dd.svg)}.show-flower-box[data-value=hot] .show-flower{background-image:url(/_/4fa646a4.svg)}.show-flower-box .show-flower{display:block;width:var(--flower-width);height:var(--flower-width);background:top left;background-size:var(--flower-width) var(--flower-width)}@keyframes show-flower{0%{opacity:0;transform:translateY(50px) scale(0)}20%{opacity:1}40%{transform:translateY(-220px) scale(3.3)}70%{opacity:1}to{transform:translateY(-120px) scale(1.4);opacity:0}}@keyframes flower-rotate{0%{transform:rotate(0)}to{transform:rotate(720deg)}}
