@charset "UTF-8";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{background-color:#fff;height:100vh;width:100%;outline:none}*{outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}#app{min-height:100vh;background:linear-gradient(to bottom right,#e6f3ff,#fff);display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.footer{position:fixed;bottom:0;width:100%;text-align:center;font-size:12px;color:#666}:root{--primary-color: #4473a6}.home-room{background:#fff;padding:40px;border-radius:15px;box-shadow:0 8px 30px #0000001a;width:75%;max-width:400px;text-align:center;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{color:var(--primary-color);margin-bottom:15px;font-size:2.2em;font-weight:700}p{color:#666;margin-bottom:30px;font-size:1.1em}.home-room-form{display:flex;flex-direction:column;align-items:center;gap:15px}input{width:80%;padding:12px 20px;border:2px solid #e8e8e8;border-radius:8px;font-size:16px;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1890ff1a;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}input::placeholder{color:#bbb}button{background:var(--primary-color);color:#fff;padding:12px 25px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s;width:80%}button:hover{background:#147cd2;transform:translateY(-1px)}button:active{transform:translateY(1px)}@media (max-width: 480px){.home-room{padding:30px 20px;width:95%}h1{font-size:1.8em}p{font-size:1em}input,button{padding:10px 15px;font-size:14px}}:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645,.045,.355,1);--el-transition-function-fast-bezier:cubic-bezier(.23,1,.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:rgb(121.3,187.1,255);--el-color-primary-light-5:rgb(159.5,206.5,255);--el-color-primary-light-7:rgb(197.7,225.9,255);--el-color-primary-light-8:rgb(216.8,235.6,255);--el-color-primary-light-9:rgb(235.9,245.3,255);--el-color-primary-dark-2:rgb(51.2,126.4,204);--el-color-success:#67c23a;--el-color-success-light-3:rgb(148.6,212.3,117.1);--el-color-success-light-5:rgb(179,224.5,156.5);--el-color-success-light-7:rgb(209.4,236.7,195.9);--el-color-success-light-8:rgb(224.6,242.8,215.6);--el-color-success-light-9:rgb(239.8,248.9,235.3);--el-color-success-dark-2:rgb(82.4,155.2,46.4);--el-color-warning:#e6a23c;--el-color-warning-light-3:rgb(237.5,189.9,118.5);--el-color-warning-light-5:rgb(242.5,208.5,157.5);--el-color-warning-light-7:rgb(247.5,227.1,196.5);--el-color-warning-light-8:rgb(250,236.4,216);--el-color-warning-light-9:rgb(252.5,245.7,235.5);--el-color-warning-dark-2:rgb(184,129.6,48);--el-color-danger:#f56c6c;--el-color-danger-light-3:rgb(248,152.1,152.1);--el-color-danger-light-5:rgb(250,181.5,181.5);--el-color-danger-light-7:rgb(252,210.9,210.9);--el-color-danger-light-8:rgb(253,225.6,225.6);--el-color-danger-light-9:rgb(254,240.3,240.3);--el-color-danger-dark-2:rgb(196,86.4,86.4);--el-color-error:#f56c6c;--el-color-error-light-3:rgb(248,152.1,152.1);--el-color-error-light-5:rgb(250,181.5,181.5);--el-color-error-light-7:rgb(252,210.9,210.9);--el-color-error-light-8:rgb(253,225.6,225.6);--el-color-error-light-9:rgb(254,240.3,240.3);--el-color-error-dark-2:rgb(196,86.4,86.4);--el-color-info:#909399;--el-color-info-light-3:rgb(177.3,179.4,183.6);--el-color-info-light-5:rgb(199.5,201,204);--el-color-info-light-7:rgb(221.7,222.6,224.4);--el-color-info-light-8:rgb(232.8,233.4,234.6);--el-color-info-light-9:rgb(243.9,244.2,244.8);--el-color-info-dark-2:rgb(115.2,117.6,122.4);--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,.04),0px 8px 20px rgba(0,0,0,.08);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,.12);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.08),0px 12px 32px rgba(0,0,0,.12),0px 8px 16px -8px rgba(0,0,0,.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0,0,0,.8);--el-overlay-color-light:rgba(0,0,0,.7);--el-overlay-color-lighter:rgba(0,0,0,.5);--el-mask-color:rgba(255,255,255,.9);--el-mask-color-extra-light:rgba(255,255,255,.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-avatar{--el-avatar-text-color:var(--el-color-white);--el-avatar-bg-color:var(--el-text-color-disabled);--el-avatar-text-size:14px;--el-avatar-icon-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-size-large:56px;--el-avatar-size-small:24px;--el-avatar-size:40px;align-items:center;background:var(--el-avatar-bg-color);box-sizing:border-box;color:var(--el-avatar-text-color);display:inline-flex;font-size:var(--el-avatar-text-size);height:var(--el-avatar-size);justify-content:center;outline:none;overflow:hidden;text-align:center;width:var(--el-avatar-size)}.el-avatar>img{display:block;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-size)}.el-avatar--small{--el-avatar-size:24px}.el-avatar--large{--el-avatar-size:56px}[data-v-4909a7fb]:root{--primary-color: #4473a6}.dialog-overlay[data-v-4909a7fb]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog[data-v-4909a7fb]{background:#fff;padding:40px;border-radius:15px;box-shadow:0 8px 30px #0000001a;width:60%;max-width:400px;text-align:center;animation:fadeIn-4909a7fb .6s ease-out}.dialog-content[data-v-4909a7fb]{animation:fadeIn-4909a7fb .6s ease-out}@keyframes fadeIn-4909a7fb{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-content h3[data-v-4909a7fb]{color:var(--primary-color);margin-bottom:15px;font-size:1.5em;font-weight:500}.dialog-content form[data-v-4909a7fb]{display:flex;flex-direction:column;align-items:center;gap:15px}.dialog-content input[type=text][data-v-4909a7fb]{width:85%;padding:12px 20px;border:2px solid #e8e8e8;border-radius:8px;font-size:16px;transition:all .3s}.dialog-content input[type=text][data-v-4909a7fb]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1890ff1a}.dialog-content input[type=text][data-v-4909a7fb]::placeholder{color:#bbb}.dialog-content button[data-v-4909a7fb]{background:var(--primary-color);color:#fff;padding:12px 25px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s;width:85%}.dialog-content button[data-v-4909a7fb]:hover{background:#147cd2;transform:translateY(-1px)}.dialog-content button[data-v-4909a7fb]:active{transform:translateY(1px)}@media (max-width: 480px){.dialog[data-v-4909a7fb]{padding:30px 20px;width:70%}.dialog-content h2[data-v-4909a7fb]{font-size:1.8em}.dialog-content input[type=text][data-v-4909a7fb],.dialog-content button[data-v-4909a7fb]{padding:10px 15px;font-size:14px}}.el-radio{--el-radio-font-size:var(--el-font-size-base);--el-radio-text-color:var(--el-text-color-regular);--el-radio-font-weight:var(--el-font-weight-primary);--el-radio-input-height:14px;--el-radio-input-width:14px;--el-radio-input-border-radius:var(--el-border-radius-circle);--el-radio-input-bg-color:var(--el-fill-color-blank);--el-radio-input-border:var(--el-border);--el-radio-input-border-color:var(--el-border-color);--el-radio-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-radio-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-radio-font-weight);height:32px;margin-right:30px;outline:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-radio.el-radio--large{height:40px}.el-radio.el-radio--small{height:24px}.el-radio.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-radio.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-radio.is-bordered.is-disabled{border-color:var(--el-border-color-lighter);cursor:not-allowed}.el-radio.is-bordered.el-radio--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-radio.is-bordered.el-radio--large .el-radio__label{font-size:var(--el-font-size-base)}.el-radio.is-bordered.el-radio--large .el-radio__inner{height:14px;width:14px}.el-radio.is-bordered.el-radio--small{border-radius:var(--el-border-radius-base);padding:0 11px 0 7px}.el-radio.is-bordered.el-radio--small .el-radio__label{font-size:12px}.el-radio.is-bordered.el-radio--small .el-radio__inner{height:12px;width:12px}.el-radio:last-child{margin-right:0}.el-radio__input{cursor:pointer;display:inline-flex;outline:none;position:relative;vertical-align:middle;white-space:nowrap}.el-radio__input.is-disabled .el-radio__inner{border-color:var(--el-disabled-border-color)}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled .el-radio__inner:after{background-color:var(--el-disabled-bg-color);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color)}.el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--el-text-color-placeholder)}.el-radio__input.is-disabled+span.el-radio__label{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{background:var(--el-color-primary);border-color:var(--el-color-primary)}.el-radio__input.is-checked .el-radio__inner:after{transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:var(--el-color-primary)}.el-radio__input.is-focus .el-radio__inner{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner{background-color:var(--el-radio-input-bg-color);border:var(--el-radio-input-border);border-radius:var(--el-radio-input-border-radius);box-sizing:border-box;cursor:pointer;display:inline-block;height:var(--el-radio-input-height);position:relative;width:var(--el-radio-input-width)}.el-radio__inner:hover{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner:after{background-color:var(--el-color-white);border-radius:var(--el-radio-input-border-radius);content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in;width:4px}.el-radio__original{bottom:0;left:0;margin:0;opacity:0;outline:none;position:absolute;right:0;top:0;z-index:-1}.el-radio__original:focus-visible+.el-radio__inner{border-radius:var(--el-radio-input-border-radius);outline:2px solid var(--el-radio-input-border-color-hover);outline-offset:1px}.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{box-shadow:0 0 2px 2px var(--el-radio-input-border-color-hover)}.el-radio__label{font-size:var(--el-radio-font-size);padding-left:8px}.el-radio.el-radio--large .el-radio__label{font-size:14px}.el-radio.el-radio--large .el-radio__inner{height:14px;width:14px}.el-radio.el-radio--small .el-radio__label{font-size:12px}.el-radio.el-radio--small .el-radio__inner{height:12px;width:12px}[data-v-6b0c5dcf]:root{--primary-color: #4473a6}.dialog-overlay[data-v-6b0c5dcf]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog[data-v-6b0c5dcf]{background:#fff;padding:40px;border-radius:15px;box-shadow:0 8px 30px #0000001a;width:60%;max-width:400px;text-align:center;animation:fadeIn-6b0c5dcf .6s ease-out}.dialog-content[data-v-6b0c5dcf]{animation:fadeIn-6b0c5dcf .6s ease-out}@keyframes fadeIn-6b0c5dcf{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-content h3[data-v-6b0c5dcf]{color:var(--primary-color);margin-bottom:10px;font-size:1.5em;font-weight:500}.dialog-content h4[data-v-6b0c5dcf]{color:var(--primary-color);margin-bottom:10px;font-size:1.2em;font-weight:500}.vote-list[data-v-6b0c5dcf]{max-height:300px;overflow-y:auto;margin-bottom:15px;padding-right:10px}.vote-list[data-v-6b0c5dcf]::-webkit-scrollbar{width:6px}.vote-list[data-v-6b0c5dcf]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.vote-list[data-v-6b0c5dcf]::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.vote-list>div[data-v-6b0c5dcf]{margin-bottom:12px;transition:transform .2s}.vote-list>div[data-v-6b0c5dcf]:hover{transform:translate(5px)}.vote-result[data-v-6b0c5dcf]{margin:20px 0}.vote-result p[data-v-6b0c5dcf]{font-size:1.1em;margin-bottom:5px}.vote-button[data-v-6b0c5dcf]{text-align:center;padding-top:10px;border-top:1px solid #f0f0f0}.vote-button button[data-v-6b0c5dcf]{background:var(--primary-color);color:#fff;border:none;padding:10px 30px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s;width:100%}.vote-button button[data-v-6b0c5dcf]:hover{background:#40a9ff;transform:translateY(-1px)}.vote-button button[data-v-6b0c5dcf]:active{transform:translateY(1px)}@media (max-width: 480px){.dialog[data-v-6b0c5dcf]{padding:30px 20px;width:70%}.dialog-content h2[data-v-6b0c5dcf]{font-size:1.8em}.dialog-content input[type=text][data-v-6b0c5dcf],.dialog-content button[data-v-6b0c5dcf]{padding:10px 15px;font-size:14px}}:root{--primary-color: #4473a6;--z-index-top: 1000;--z-index-chat: 1100;--z-index-input: 1101;--z-index-game: 100;--z-index-vote: 1200;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}.room-container{height:100vh;width:100%;display:flex;flex-direction:column;background:linear-gradient(to bottom,#e6f3ff,#fff);overflow:hidden;position:relative}.top-bar{height:60px;background-color:#4473a6;color:#fff;padding:0 20px;padding-top:var(--safe-area-inset-top);display:flex;align-items:center;box-shadow:0 2px 8px #0000001a;position:fixed;top:0;left:0;right:0;z-index:var(--z-index-top);transition:all .3s ease;height:calc(60px + var(--safe-area-inset-top))}.room-id{font-weight:700;font-size:1.2em;margin-left:5px}.player-list{flex:1;padding:20px;padding-bottom:calc(90px + var(--safe-area-inset-bottom));overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:calc(60px + var(--safe-area-inset-top))}.player-list>div{position:relative;background:#fff;padding:15px;border-radius:10px;display:flex;align-items:center;box-shadow:0 2px 6px #0000000d;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:slideInUp .5s ease-out}.player-list>div:hover{transform:translateY(-4px);box-shadow:0 6px 15px #0000001a}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.player-list .self{background:#e6f7ff;border:1px solid #91d5ff}.player-list .userDead{background:#d7dcde;border:1px solid #8c8585;opacity:.7}.alive{background:var(--primary-color);color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;font-weight:700}.dead{background:#454b59;color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;font-weight:700}.user-nickname{flex:1;font-size:12px;color:#333}.host-label{position:absolute;bottom:0;left:15px;font-size:12px;color:#ff1833}.order-label{position:absolute;bottom:3px;right:6px;font-weight:700;font-size:12px;color:var(--primary-color)}.container{position:absolute;height:50vh;overflow:hidden}.chat-container{position:absolute;top:-55%;left:0;right:0;height:55%;background:#9acdf6eb;border-radius:15px 15px 0 0;box-shadow:0 -4px 12px #0000001a;transition:transform .3s ease-out;display:flex;flex-direction:column;z-index:var(--z-index-chat);padding-bottom:calc(70px + var(--safe-area-inset-bottom))}.chat-container.slide-up{transform:translateY(100%)}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f9feff;justify-items:center}.message-item{display:flex;width:80%;margin-bottom:16px;animation:fadeIn .3s ease-out}.message-avatar{margin-right:12px;flex-shrink:0}.message-content{flex:1}.messageName{font-size:14px;color:#666;margin-bottom:4px}.messageNameSelf{font-size:14px;color:var(--primary-color);margin-bottom:4px}.messageText{background:#fff;color:#232323;padding:8px 12px;border-radius:8px;max-width:100%;word-break:break-word;box-shadow:0 1px 2px #326398a1}.messageTextSelf{border:1px solid var(--primary-color);color:#232323;background:#fff;padding:8px 12px;border-radius:8px;max-width:100%;word-break:break-word;box-shadow:0 1px 2px #326398a1}.chat-input-area{padding:12px;padding-bottom:calc(12px + var(--safe-area-inset-bottom));border-top:1px solid #eee;background:#fff;position:relative;z-index:var(--z-index-input)}.input-wrapper{display:flex;gap:8px;align-items:center;padding:8px}.chat-input{flex:4;height:36px;padding:0 12px;border:1px solid #dcdcdc;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s}.chat-send-btn{flex:1}.chat-input:focus{border-color:var(--td-brand-color)}.chat-input::placeholder{color:#999}.swipe-indicator{cursor:pointer;position:absolute;top:50%;text-align:center;color:var(--primary-color);font-size:12px;opacity:.7}.arrow-down{display:block;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 auto 5px;animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(45deg)}40%{transform:translateY(-5px) rotate(45deg)}60%{transform:translateY(-3px) rotate(45deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}@media (max-width: 600px){.message-item{width:100%}.chat-input-area{padding:8px;padding-bottom:calc(8px + var(--safe-area-inset-bottom))}.chat-container{height:60%;padding-bottom:calc(70px + var(--safe-area-inset-bottom))}.swipe-indicator{font-size:10px}.arrow-down{width:8px;height:8px}.bottom-bar{height:65px;padding:0 10px;padding-bottom:var(--safe-area-inset-bottom);height:calc(65px + var(--safe-area-inset-bottom))}.player-list{padding-bottom:calc(75px + var(--safe-area-inset-bottom))}}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;margin:20px;margin-top:calc(80px + var(--safe-area-inset-top));padding:20px;background:#fff;border-radius:15px;box-shadow:0 4px 12px #0000000d;position:relative;z-index:var(--z-index-game)}.game-title{font-size:24px;color:var(--primary-color);margin-bottom:30px;font-weight:600;text-align:center;animation:slideDown .6s ease-out}.game-info{width:100%;display:flex;flex-direction:column;align-items:center;animation:fadeIn .8s ease-out}.game-word{font-size:36px;font-weight:700;color:#333;padding:30px 50px;background:linear-gradient(135deg,#f0f7ff,#e6f7ff);border-radius:12px;box-shadow:0 4px 15px #1890ff1a;margin-top:20px;animation:scaleIn .5s ease-out;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1px solid #e6f7ff}.game-word:hover{transform:scale(1.05);box-shadow:0 8px 25px #1890ff33}.game-word.animated{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.game-info-enter-active{animation:slideIn .6s ease-out}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 600px){.game-title{font-size:20px;margin-bottom:20px}.game-word{font-size:28px;padding:20px 30px}}.bottom-bar{height:70px;padding:0 20px;padding-bottom:var(--safe-area-inset-bottom);display:flex;align-items:center;justify-content:center;gap:15px;position:fixed;bottom:0;left:0;right:0;background-color:#fffffff2;box-shadow:0 -2px 8px #0000001a;z-index:var(--z-index-top);transition:all .3s ease;height:calc(70px + var(--safe-area-inset-bottom))}button{padding:10px 25px;border-radius:5px;border:none;font-size:12px;cursor:pointer;transition:all .3s;max-width:35%}.start-game-button,.start-vote-button,.exit-room-button{height:80%}.start-vote-button{background:#ff1833;color:#fff}.start-vote-button:hover{background:#ee3e53}.start-game-button{background:var(--primary-color);color:#fff}.start-game-button:hover{background:#40a9ff}.invite-button{background:#52c41a;color:#fff}.invite-button:hover{background:#73d13d}.exit-room-button{background:#f5f5f5;color:#333}.exit-room-button:hover{background:#e6e6e6}@media (max-width: 600px){.player-list{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding:10px}.player-list .common,.player-list .self{height:70px}.bottom-bar{height:65px;padding:0 10px}button{padding:8px 15px}}.vote-container{position:fixed;left:50%;bottom:20px;transform:translateY(-50%);background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:220px;animation:slideIn .4s ease-out;z-index:var(--z-index-vote)}@keyframes slideIn{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.vote-list{max-height:300px;overflow-y:auto;margin-bottom:15px;padding-right:10px}.vote-list::-webkit-scrollbar{width:6px}.vote-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.vote-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.vote-list>div{margin-bottom:12px;transition:transform .2s}.vote-list>div:hover{transform:translate(5px)}.vote-button{text-align:center;padding-top:10px;border-top:1px solid #f0f0f0}.vote-button button{background:var(--primary-color);color:#fff;border:none;padding:10px 30px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s;width:100%}.vote-button button:hover{background:#40a9ff;transform:translateY(-1px)}.vote-button button:active{transform:translateY(1px)}.confirm-dialog{width:90%;max-width:500px}@media (max-width: 768px){.vote-container{position:fixed;left:50%;bottom:80px;top:auto;transform:translate(-50%);width:90%;max-width:220px;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}