*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#app{width:100%;min-height:100vh}.sign-page[data-v-239aa791]{padding:20px;max-width:500px;margin:0 auto}.sign-page h1[data-v-239aa791]{text-align:center;margin-bottom:30px}.avatar-upload[data-v-239aa791]{display:flex;flex-direction:column;align-items:center}.avatar-uploader[data-v-239aa791]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.avatar-uploader[data-v-239aa791]:hover{border-color:#409eff}.avatar-uploader-icon[data-v-239aa791]{font-size:28px;color:#8c939d}.avatar[data-v-239aa791]{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;display:block}.avatar-tip[data-v-239aa791]{margin-top:10px;font-size:12px;color:#909399;text-align:center}.welcome-page[data-v-95fa2964]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.welcome-content[data-v-95fa2964]{text-align:center;color:#fff;max-width:500px;width:100%}.welcome-title[data-v-95fa2964]{font-size:36px;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.welcome-subtitle[data-v-95fa2964]{font-size:16px;margin-bottom:40px;opacity:.9}.control-pad[data-v-95fa2964]{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:30px}.control-row[data-v-95fa2964]{display:flex;gap:10px;justify-content:center;align-items:center}.control-btn[data-v-95fa2964]{width:80px;height:80px;border:none;border-radius:12px;background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);color:#fff;font-size:32px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.control-btn[data-v-95fa2964]:active:not(:disabled){transform:scale(.95);background:hsla(0,0%,100%,.3)}.control-btn[data-v-95fa2964]:disabled{opacity:.5;cursor:not-allowed}.center-btn[data-v-95fa2964]{width:80px;height:80px}.center-text[data-v-95fa2964]{font-size:14px;font-weight:700}.arrow[data-v-95fa2964]{display:block;line-height:1}.connection-status[data-v-95fa2964]{margin-top:20px;padding:10px;border-radius:8px;background:hsla(0,0%,100%,.1)}.connection-status.connected[data-v-95fa2964]{background:rgba(76,175,80,.3)}.connection-status p[data-v-95fa2964]{margin:0;font-size:14px}@media (max-width:480px){.welcome-title[data-v-95fa2964]{font-size:28px}.control-btn[data-v-95fa2964]{width:70px;height:70px;font-size:28px}.center-btn[data-v-95fa2964]{width:70px;height:70px}}.game-page[data-v-f48f00e4]{padding:20px;text-align:center}.game-controls[data-v-f48f00e4]{margin:30px 0}.game-score[data-v-f48f00e4]{margin-top:30px;font-size:24px}.message-page[data-v-31812a46]{padding:20px;max-width:500px;margin:0 auto}.message-page h1[data-v-31812a46]{text-align:center;margin-bottom:30px}.home-wrap[data-v-786fbe6c]{min-height:100vh;background:#f5f5f5;display:flex;flex-direction:column;padding-bottom:56px}.home-header[data-v-786fbe6c]{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 12px;background:#fff;border-bottom:1px solid #eee}.header-btn[data-v-786fbe6c]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:none;font-size:24px;color:#333;cursor:pointer}.header-center[data-v-786fbe6c]{text-align:center}.header-title[data-v-786fbe6c]{font-size:16px;font-weight:600;color:#333}.header-domain[data-v-786fbe6c]{font-size:11px;color:#999;margin-top:2px}.home-scroll[data-v-786fbe6c]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.profile-strip[data-v-786fbe6c]{position:relative;min-height:96px;background:linear-gradient(135deg,#e53935,#c62828);background-size:cover;background-position:50%}.profile-strip-shade[data-v-786fbe6c]{position:absolute;inset:0;background:rgba(0,0,0,.2)}.profile-strip-inner[data-v-786fbe6c]{position:relative;display:flex;align-items:center;gap:12px;padding:16px 16px}.profile-avatar-wrap[data-v-786fbe6c]{flex-shrink:0}.profile-avatar[data-v-786fbe6c]{width:56px;height:56px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid hsla(0,0%,100%,.5)}.profile-avatar.placeholder[data-v-786fbe6c]{width:56px;height:56px;border-radius:50%;background:hsla(0,0%,100%,.3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.profile-meta[data-v-786fbe6c]{flex:1;min-width:0}.profile-name[data-v-786fbe6c]{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.profile-group[data-v-786fbe6c]{font-size:13px;color:hsla(0,0%,100%,.9)}.profile-arrow[data-v-786fbe6c]{font-size:24px;color:hsla(0,0%,100%,.9);flex-shrink:0}.current-badge[data-v-786fbe6c]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;margin:12px 16px;background:rgba(229,57,53,.1);border-radius:20px;border:1px solid rgba(229,57,53,.3)}.badge-icon[data-v-786fbe6c]{font-size:18px}.badge-text[data-v-786fbe6c]{font-size:14px;color:#c62828;font-weight:500}.section[data-v-786fbe6c]{margin-bottom:20px;background:#fff;padding:16px;border-radius:12px;margin-left:12px;margin-right:12px}.section-header[data-v-786fbe6c]{display:flex;align-items:center;gap:6px;margin-bottom:12px;color:#e53935;font-weight:600;font-size:15px}.section-icon[data-v-786fbe6c]{font-size:18px}.hudong-grid[data-v-786fbe6c]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hudong-item[data-v-786fbe6c]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:12px;cursor:pointer;transition:transform .2s,opacity .2s}.hudong-item[data-v-786fbe6c]:active:not(.disabled){transform:scale(.96)}.hudong-item.disabled[data-v-786fbe6c]{opacity:.5;cursor:not-allowed}.hudong-icon[data-v-786fbe6c]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,#4facfe,#00c6fb);color:#fff}.hudong-icon.ready[data-v-786fbe6c]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.hudong-name[data-v-786fbe6c]{font-size:12px;color:#333;text-align:center;line-height:1.2}.bubble-grid[data-v-786fbe6c]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bubble-opt[data-v-786fbe6c]{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:8px 4px;border-radius:10px;transition:background .2s}.bubble-opt.selected[data-v-786fbe6c]{background:rgba(229,57,53,.08)}.bubble-preview[data-v-786fbe6c]{width:100%;aspect-ratio:1.6;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.1)}.bubble-sample[data-v-786fbe6c]{font-size:11px;color:#333;text-shadow:0 0 1px hsla(0,0%,100%,.5)}.bubble-opt.bubble-light .bubble-sample[data-v-786fbe6c]{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.bubble-label[data-v-786fbe6c]{font-size:11px;color:#666}.home-footer[data-v-786fbe6c]{position:fixed;bottom:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;border-top:1px solid #eee}.footer-label[data-v-786fbe6c]{font-size:14px;color:#666}.footer-btn-detail[data-v-786fbe6c]{padding:8px 20px;background:#e53935;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.modal-overlay[data-v-786fbe6c]{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-box[data-v-786fbe6c]{background:#fff;border-radius:16px;padding:28px 24px;max-width:340px;width:100%;text-align:center}.modal-icon[data-v-786fbe6c]{font-size:48px;margin-bottom:12px}.modal-title[data-v-786fbe6c]{font-size:18px;font-weight:600;color:#333;margin-bottom:10px}.modal-desc[data-v-786fbe6c]{font-size:14px;color:#666;margin-bottom:20px;line-height:1.5}.modal-actions[data-v-786fbe6c]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn[data-v-786fbe6c]{padding:10px 24px;border-radius:20px;font-size:15px;border:none;cursor:pointer}.btn-outline[data-v-786fbe6c]{background:#f0f0f0;color:#333}.btn-primary[data-v-786fbe6c]{background:#e53935;color:#fff}.winner-dialog .modal-icon[data-v-786fbe6c]{font-size:56px}.winner-dialog .modal-desc[data-v-786fbe6c]{margin-bottom:24px}