*{box-sizing:border-box;margin:0;padding:0}button,.btn,.match-btn,.mode-btn,.pc-btn,.icon-btn,.diff-btn,.wave-tag,.game-item,.match-btn.matching,.ctrl-slider,.intensity-slider{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--yellow:#fee59c;--white:#eee;--white-desc:#ccc;color:#e0e0e0;background:#151515;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a2d3a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3d4a}.loading-mask[data-v-da3f3049]{z-index:10000;-webkit-backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-box[data-v-da3f3049]{background:#1a1a1a;border:2px solid #ffe99d;border-radius:6px;flex-direction:column;align-items:center;gap:14px;min-width:140px;padding:24px 32px;display:flex;box-shadow:0 6px 24px #0009}.loading-spinner[data-v-da3f3049]{justify-content:center;align-items:center;display:flex}.spinner-track[data-v-da3f3049]{stroke:#fee59c33}.spinner-head[data-v-da3f3049]{stroke:#ffe99d;stroke-dasharray:90 150;stroke-dashoffset:0;transform-origin:50%;animation:1s linear infinite loading-spin-da3f3049}@keyframes loading-spin-da3f3049{0%{stroke-dasharray:1 200;stroke-dashoffset:0;transform:rotate(0)}50%{stroke-dasharray:130 200;stroke-dashoffset:-20px;transform:rotate(180deg)}to{stroke-dasharray:1 200;stroke-dashoffset:-125px;transform:rotate(360deg)}}.loading-text[data-v-da3f3049]{color:#ffe99d;letter-spacing:1px;font-size:13px}.loading-enter-active[data-v-da3f3049],.loading-leave-active[data-v-da3f3049]{transition:opacity .2s}.loading-enter-from[data-v-da3f3049],.loading-leave-to[data-v-da3f3049]{opacity:0}.tutorial-root[data-v-4ff0c026]{z-index:999998;pointer-events:none;position:fixed;inset:0}.tutorial-mask[data-v-4ff0c026]{z-index:1;pointer-events:none;background:#05081452;position:fixed;inset:0}.tutorial-highlight[data-v-4ff0c026]{z-index:2;pointer-events:none;background:0 0;border-radius:6px;animation:1.8s ease-in-out infinite tutPulse-4ff0c026;position:fixed;box-shadow:0 0 0 2px #fee59ceb,0 0 0 99999px #05081400}@keyframes tutPulse-4ff0c026{0%,to{box-shadow:0 0 0 2px #fee59ce6,0 0 14px 2px #fee59c47}50%{box-shadow:0 0 0 3px #fff0b9f2,0 0 22px 4px #fee59c80}}.tutorial-card[data-v-4ff0c026]{z-index:3;pointer-events:auto;width:320px;max-width:calc(100vw - 32px);color:var(--yellow,#fee59c);border:2px solid var(--yellow,#fee59c);background:#14161f;border-radius:0;padding:14px 14px 12px;position:fixed;box-shadow:0 10px 30px #00000073}.tutorial-card.below[data-v-4ff0c026],.tutorial-card.above[data-v-4ff0c026]{transform:translateY(0)}.tutorial-card.center[data-v-4ff0c026]{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-header[data-v-4ff0c026]{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.tutorial-title[data-v-4ff0c026]{color:#fff6d8;font-size:15px;font-weight:800}.tutorial-counter[data-v-4ff0c026]{color:#ffd884;opacity:.85;font-size:12px}.tutorial-body[data-v-4ff0c026]{background:#fee59c0a;border:1px dashed #fee59c40;border-radius:4px;margin:4px 0 8px;padding:8px 10px}.tutorial-desc[data-v-4ff0c026]{white-space:pre-wrap;word-break:break-word;color:#ffeec6;margin:0;font-family:inherit;font-size:13.5px;line-height:1.65}.tutorial-footer[data-v-4ff0c026]{align-items:center;gap:8px;margin-top:2px;display:flex}.tutorial-spacer[data-v-4ff0c026]{flex:auto}.tutorial-btn[data-v-4ff0c026]{border:2px solid var(--yellow,#fee59c);color:var(--yellow,#fee59c);cursor:pointer;background:0 0;border-radius:0;padding:6px 14px;font-size:13.5px;font-weight:700;transition:background .15s,color .15s}.tutorial-btn[data-v-4ff0c026]:hover{background:#fee59c1f}.tutorial-btn.primary[data-v-4ff0c026]{background:var(--yellow,#fee59c);color:#14161f;border-color:var(--yellow,#fee59c)}.tutorial-btn.primary[data-v-4ff0c026]:hover{filter:brightness(1.05)}.tutorial-btn.ghost[data-v-4ff0c026]{color:#d7d7d7;background:0 0;border-color:#fff3}.tutorial-btn.ghost[data-v-4ff0c026]:hover{background:#ffffff0d}.global-hum-watermark[data-v-387a1688]{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;isolation:isolate;background:0 0;position:fixed;inset:0;overflow:hidden}.ghw-grid[data-v-387a1688]{transform-origin:50%;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:80px;place-items:center;gap:10px 6px;animation:14s linear infinite ghw-drift-387a1688;display:grid;position:absolute;inset:-70%;transform:rotate(-14deg)skew(-6deg)}.ghw-item[data-v-387a1688]{text-shadow:0 0 6px #ff145a38,0 0 2px #ff96c826;letter-spacing:.08em;white-space:nowrap;font-weight:900;line-height:1.1;animation:3.8s ease-in-out infinite ghw-shake-387a1688}.ghw-item[data-v-387a1688]:nth-child(2n){animation-delay:-.6s}.ghw-item[data-v-387a1688]:nth-child(3n){animation-delay:-1.3s}.ghw-item[data-v-387a1688]:nth-child(5n){animation-delay:-2.1s}.ghw-item[data-v-387a1688]:nth-child(7n){animation-delay:-3s}@keyframes ghw-drift-387a1688{0%{transform:rotate(-14deg)skew(-6deg)translate(0)}33%{transform:rotate(-14deg)skew(-6deg)translate(-3%,1.5%)}66%{transform:rotate(-14deg)skew(-6deg)translate(2%,-1%)}to{transform:rotate(-14deg)skew(-6deg)translate(0)}}@keyframes ghw-shake-387a1688{0%,to{opacity:1;transform:translate(0)translateY(0)scale(1)}25%{opacity:.86;transform:translate(1px)translateY(-1px)scale(1.012)}50%{opacity:1;transform:translate(-1px)translateY(1px)scale(.994)}75%{opacity:.9;transform:translate(1px)translateY(0)scale(1.015)}}@media (width<=640px){.ghw-grid[data-v-387a1688]{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:72px}}.global-notice-container[data-v-9d96be31]{z-index:10000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:90%;max-width:420px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.global-notice[data-v-9d96be31]{color:#ffe99d;cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#2a1a0a,#1a1a1a);border:1px solid #ffe99d;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;transition:background .2s;display:flex;box-shadow:0 4px 16px #0009}.global-notice[data-v-9d96be31]:hover{background:linear-gradient(135deg,#3a2a1a,#2a2a2a)}.notice-icon[data-v-9d96be31]{flex-shrink:0;font-size:18px}.notice-content[data-v-9d96be31]{word-break:break-word;flex:1;line-height:1.4}.notice-close[data-v-9d96be31]{opacity:.6;flex-shrink:0;padding:0 2px;font-size:20px;line-height:1;transition:opacity .2s}.notice-close[data-v-9d96be31]:hover{opacity:1}.global-notice-enter-active[data-v-9d96be31]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.global-notice-leave-active[data-v-9d96be31]{width:100%;transition:all .3s;position:absolute}.global-notice-enter-from[data-v-9d96be31]{opacity:0;transform:translateY(-30px)scale(.95)}.global-notice-leave-to[data-v-9d96be31]{opacity:0;transform:translateY(-20px)scale(.95)}.global-notice-move[data-v-9d96be31]{transition:transform .3s}.chat-wrapper[data-v-7dff261e]{z-index:50;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;position:fixed;bottom:100px;right:20px}.chat-overlay[data-v-7dff261e]{z-index:-1;cursor:pointer;background:#00000059;animation:.18s chat-fade-in-7dff261e;position:fixed;inset:0}@keyframes chat-fade-in-7dff261e{0%{opacity:0}to{opacity:1}}.toast-container[data-v-7dff261e]{pointer-events:none;flex-direction:column-reverse;gap:8px;width:220px;display:flex;position:absolute;bottom:64px;right:0}.toast-bubble[data-v-7dff261e]{pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#181818f2;border:1px solid #f7d06066;border-radius:10px;padding:7px 11px;transition:transform .15s,border-color .15s;box-shadow:0 4px 16px #00000080}.toast-bubble[data-v-7dff261e]:hover{border-color:var(--yellow);transform:translate(-3px)}.toast-header[data-v-7dff261e]{align-items:center;gap:6px;margin-bottom:2px;display:flex}.toast-name[data-v-7dff261e]{color:var(--yellow);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;font-weight:600;overflow:hidden}.toast-channel[data-v-7dff261e]{color:#999;background:#ffffff1a;border-radius:4px;padding:1px 5px;font-size:9px}.toast-channel.room[data-v-7dff261e]{color:var(--yellow);background:#f7d06033}.toast-text[data-v-7dff261e]{color:#ddd;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.toast-enter-active[data-v-7dff261e]{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-leave-active[data-v-7dff261e]{transition:all .25s cubic-bezier(.4,0,.2,1)}.toast-enter-from[data-v-7dff261e]{opacity:0;transform:translate(100%)}.toast-leave-to[data-v-7dff261e]{opacity:0;transform:translate(120%)}.chat-fab[data-v-7dff261e]{background:var(--yellow);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 10px #0006}.chat-fab[data-v-7dff261e]:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000080}.chat-fab[data-v-7dff261e]:active{transform:scale(.95)}.unread-badge[data-v-7dff261e]{color:#fff;background:#ff5252;border:2px solid #1a1a1a;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:600;display:flex;position:absolute;top:-2px;right:-2px}.chat-stream[data-v-7dff261e]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f7;border:1px solid #f7d06066;border-radius:12px;flex-direction:column;width:240px;max-height:340px;animation:.2s cubic-bezier(.4,0,.2,1) stream-in-7dff261e;display:flex;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0009}@keyframes stream-in-7dff261e{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.stream-header[data-v-7dff261e]{border-bottom:1px solid #ffffff0f;align-items:center;padding:8px 10px 6px;display:flex}.tab-row[data-v-7dff261e]{flex:1;gap:2px;display:flex}.tab[data-v-7dff261e]{cursor:pointer;color:#777;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:8px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.tab[data-v-7dff261e]:hover{color:#ccc}.tab.active[data-v-7dff261e]{background:var(--yellow);color:#1a1a1a;font-weight:600}.tab-unread[data-v-7dff261e]{color:#fff;background:#ff5252;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:8px;font-weight:600;display:flex}.tab.active .tab-unread[data-v-7dff261e]{color:#1a1a1a;background:#00000040}.close-btn[data-v-7dff261e]{color:#777;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.close-btn[data-v-7dff261e]:hover{color:#ddd;background:#ffffff14}.stream-list[data-v-7dff261e]{flex:1;max-height:220px;padding:8px 10px;overflow-y:auto}.stream-list[data-v-7dff261e]::-webkit-scrollbar{width:3px}.stream-list[data-v-7dff261e]::-webkit-scrollbar-thumb{background:#f7d0604d;border-radius:2px}.stream-list[data-v-7dff261e]::-webkit-scrollbar-track{background:0 0}.empty-hint[data-v-7dff261e]{text-align:center;color:#555;padding:20px 8px;font-size:11px}.msg-row[data-v-7dff261e]{flex-direction:column;align-items:flex-start;margin-bottom:8px;display:flex}.msg-row.mine[data-v-7dff261e]{align-items:flex-end}.msg-meta[data-v-7dff261e]{color:#666;gap:4px;margin-bottom:2px;padding:0 2px;font-size:10px;display:flex}.from-name[data-v-7dff261e]{color:var(--yellow);opacity:.75;text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-weight:500;overflow:hidden}.msg-row.mine .from-name[data-v-7dff261e]{color:#888}.msg-time[data-v-7dff261e]{color:#555}.msg-bubble[data-v-7dff261e]{color:var(--white);word-wrap:break-word;word-break:break-word;background:#2a2a2a;border-radius:3px 10px 10px;max-width:180px;padding:5px 9px;font-size:12px;line-height:1.4}.msg-row.mine .msg-bubble[data-v-7dff261e]{background:var(--yellow);color:#1a1a1a;border-radius:10px 3px 10px 10px}.stream-input[data-v-7dff261e]{border-top:1px solid #ffffff0f;gap:6px;padding:6px 8px 8px;display:flex}.stream-input input[data-v-7dff261e]{color:var(--white);background:#222;border:1px solid #ffffff14;border-radius:14px;outline:none;flex:1;padding:5px 11px;font-size:12px;transition:border-color .2s}.stream-input input[data-v-7dff261e]::placeholder{color:#555}.stream-input input[data-v-7dff261e]:focus{border-color:#f7d06099}.send-btn[data-v-7dff261e]{background:var(--yellow);color:#1a1a1a;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s,transform .1s;display:flex}.send-btn[data-v-7dff261e]:hover:not(:disabled){opacity:.9}.send-btn[data-v-7dff261e]:active:not(:disabled){transform:scale(.95)}.send-btn[data-v-7dff261e]:disabled{color:#666;cursor:not-allowed;background:#333}@media (width<=480px){.chat-wrapper[data-v-7dff261e]{bottom:90px;right:12px}.toast-container[data-v-7dff261e]{width:180px}.chat-stream[data-v-7dff261e]{width:220px;max-height:300px}.stream-list[data-v-7dff261e]{max-height:200px}}html,body,#app{height:100%;margin:0;padding:0}html{scrollbar-gutter:stable}#app{min-height:100vh;position:relative}#app-content{z-index:1;min-height:100vh;position:relative}