.page[data-v-561fe8df]{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#2e7d52,#14502f 70%)}.card[data-v-561fe8df]{width:340px;background:#fff;border-radius:16px;padding:36px 32px;box-shadow:0 18px 50px #00000059}.title[data-v-561fe8df]{text-align:center;font-size:26px;color:#b8362f;letter-spacing:4px;margin-bottom:24px}.tabs[data-v-561fe8df]{display:flex;margin-bottom:20px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.tabs button[data-v-561fe8df]{flex:1;padding:10px;border:none;background:#f5f5f5;color:#888;font-size:15px}.tabs button.active[data-v-561fe8df]{background:#b8362f;color:#fff}.field[data-v-561fe8df]{width:100%;padding:12px 14px;margin-bottom:14px;border:1px solid #ddd;border-radius:8px;font-size:15px;outline:none}.field[data-v-561fe8df]:focus{border-color:#b8362f}.error[data-v-561fe8df]{color:#d33;font-size:13px;margin-bottom:12px}.submit[data-v-561fe8df]{width:100%;padding:13px;border:none;border-radius:8px;background:linear-gradient(180deg,#f0b94a,#e0962a);color:#5a3000;font-size:17px;font-weight:700;letter-spacing:2px}.submit[data-v-561fe8df]:disabled{opacity:.6}.page[data-v-be4cf439]{height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 30%,#2e7d52,#14502f 70%)}.bar[data-v-be4cf439]{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#00000040;color:#fff}.brand[data-v-be4cf439]{font-size:18px;font-weight:700;letter-spacing:2px;color:#f0b94a}.user[data-v-be4cf439]{font-size:14px;display:flex;align-items:center;gap:12px}.beans[data-v-be4cf439]{color:#f0b94a;font-weight:700}.logout[data-v-be4cf439]{padding:5px 12px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:6px;font-size:13px}.main[data-v-be4cf439]{flex:1;display:flex;align-items:center;justify-content:center}.card[data-v-be4cf439]{width:320px;background:#fff;border-radius:16px;padding:30px;box-shadow:0 18px 50px #00000059}.card h2[data-v-be4cf439]{text-align:center;color:#b8362f;margin-bottom:22px;letter-spacing:2px}.big[data-v-be4cf439]{width:100%;padding:15px;margin-bottom:12px;border:none;border-radius:10px;background:linear-gradient(180deg,#f0b94a,#e0962a);color:#5a3000;font-size:17px;font-weight:700;letter-spacing:2px}.big.match[data-v-be4cf439]{background:linear-gradient(180deg,#5bbf7a,#2e9e54);color:#fff}.big[data-v-be4cf439]:disabled{opacity:.6}.divider[data-v-be4cf439]{text-align:center;margin:16px 0;color:#bbb;font-size:13px;position:relative}.divider span[data-v-be4cf439]{background:#fff;padding:0 10px;position:relative;z-index:1}.divider[data-v-be4cf439]:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #eee}.join[data-v-be4cf439]{display:flex;gap:8px}.field[data-v-be4cf439]{flex:1;width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;outline:none}.field[data-v-be4cf439]:focus{border-color:#b8362f}.join-btn[data-v-be4cf439]{padding:0 20px;border:none;border-radius:8px;background:#b8362f;color:#fff;font-size:15px}.error[data-v-be4cf439]{color:#d33;font-size:13px;margin-top:12px;text-align:center}.pcard[data-v-ee64d1ec]{width:52px;height:74px;background:#fff;border:1px solid #bbb;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4px 5px;color:#2a2a2a;box-shadow:0 1px 3px #00000059;flex-shrink:0}.pcard.red[data-v-ee64d1ec]{color:#d4302a}.pcard .rank[data-v-ee64d1ec]{align-self:flex-start;font-size:16px;font-weight:700;line-height:1}.pcard .center[data-v-ee64d1ec]{font-size:22px;margin-bottom:4px}.pcard.joker .center[data-v-ee64d1ec]{font-size:17px}.pcard.selected[data-v-ee64d1ec]{border-color:#f0b94a;box-shadow:0 0 0 2px #f0b94a}.table[data-v-f51e3d45]{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 40%,#2e7d52,#123f26 80%)}@media(orientation:portrait){.table[data-v-f51e3d45]{inset:auto;top:50%;left:50%;width:100vh;height:100vw;transform:translate(-50%,-50%) rotate(90deg)}}.stage[data-v-f51e3d45]{position:absolute;top:50%;left:50%;width:900px;height:auto;transform-origin:center center;display:flex;flex-direction:column;color:#fff}.exit[data-v-f51e3d45]{position:absolute;top:12px;right:14px;z-index:5;padding:6px 14px;border:1px solid rgba(255,255,255,.5);background:#00000040;color:#fff;border-radius:6px;font-size:13px}.room-tag[data-v-f51e3d45]{position:absolute;top:12px;left:14px;z-index:5;padding:6px 12px;background:#0000004d;color:#f0d9a0;border-radius:6px;font-size:13px}.counter-btn[data-v-f51e3d45]{position:absolute;top:12px;right:74px;z-index:5;padding:6px 12px;border:1px solid rgba(255,255,255,.5);background:#00000040;color:#fff;border-radius:6px;font-size:13px}.counter[data-v-f51e3d45]{position:absolute;top:46px;left:50%;transform:translate(-50%);z-index:8;display:flex;gap:3px;background:#000000b8;padding:6px 8px;border-radius:8px}.cc[data-v-f51e3d45]{display:flex;flex-direction:column;align-items:center;width:40px}.cc-rank[data-v-f51e3d45]{font-size:12px;color:#f0d9a0}.cc-num[data-v-f51e3d45]{font-size:17px;font-weight:700;color:#fff}.cc-num.zero[data-v-f51e3d45]{color:#d4302a}.connecting[data-v-f51e3d45]{margin:auto;color:#fff;font-size:16px}.opponents[data-v-f51e3d45]{display:flex;justify-content:space-between;padding:16px 24px 0}.opp[data-v-f51e3d45]{width:170px;background:#00000047;border-radius:12px;padding:10px 12px;border:2px solid transparent}.opp.turn[data-v-f51e3d45]{border-color:#f0b94a}.opp.offline[data-v-f51e3d45]{opacity:.55}.opp-head[data-v-f51e3d45]{display:flex;align-items:center;gap:6px;margin-bottom:6px}.opp-name[data-v-f51e3d45]{font-weight:700}.opp-tags[data-v-f51e3d45]{min-height:22px}.opp-cards[data-v-f51e3d45]{display:flex;align-items:center;gap:8px;margin-top:4px}.cardback[data-v-f51e3d45]{width:34px;height:48px;border-radius:5px;background:repeating-linear-gradient(45deg,#b8362f,#b8362f 5px,#962a25 5px,#962a25 10px);border:1px solid #fff}.count[data-v-f51e3d45]{font-size:14px}.role[data-v-f51e3d45]{font-size:12px;background:#f0b94a;color:#5a3000;padding:1px 6px;border-radius:4px;font-weight:700}.tag[data-v-f51e3d45]{display:inline-block;font-size:12px;background:#fff3;padding:2px 8px;border-radius:4px;margin-right:4px}.tag.off[data-v-f51e3d45]{background:#888}.center[data-v-f51e3d45]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.bottom-cards[data-v-f51e3d45]{display:flex;align-items:center;gap:6px}.bottom-cards .lbl[data-v-f51e3d45]{color:#f0d9a0;font-size:13px;margin-right:4px}.play-area[data-v-f51e3d45]{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.play-who[data-v-f51e3d45]{color:#f0d9a0;font-size:13px}.play-cards[data-v-f51e3d45]{display:flex;gap:4px}.hint[data-v-f51e3d45]{color:#e8e8e8;font-size:16px}.me-area[data-v-f51e3d45]{background:#0000004d;border-top:3px solid transparent;padding:8px 16px 14px;display:flex;flex-direction:column}.me-area.turn[data-v-f51e3d45]{border-top-color:#f0b94a}.me-info[data-v-f51e3d45]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.me-name[data-v-f51e3d45]{font-weight:700}.hand[data-v-f51e3d45]{order:2;display:flex;justify-content:center;align-items:flex-end;min-height:92px;padding-top:18px}.slot[data-v-f51e3d45]{margin-right:-22px;transition:transform .12s}.slot[data-v-f51e3d45]:last-child{margin-right:0}.slot.sel[data-v-f51e3d45]{transform:translateY(-18px)}.actions[data-v-f51e3d45]{order:1;display:flex;justify-content:center;align-items:center;gap:12px;min-height:44px;margin:6px 0}.act[data-v-f51e3d45]{padding:9px 22px;border:none;border-radius:8px;background:#e9e2d2;color:#5a3000;font-size:15px;font-weight:700}.act.primary[data-v-f51e3d45]{background:linear-gradient(180deg,#f0b94a,#e0962a)}.act[data-v-f51e3d45]:disabled{opacity:.45}.act-hint[data-v-f51e3d45]{color:#d8d8d8;font-size:14px}.toast[data-v-f51e3d45]{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#c82828f2;color:#fff;padding:8px 18px;border-radius:8px;font-size:14px;z-index:10}.modal-bg[data-v-f51e3d45]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20}.modal[data-v-f51e3d45]{width:320px;background:#fff;border-radius:16px;padding:24px;text-align:center;color:#2c3e50}.modal h2[data-v-f51e3d45]{color:#2e9e54;margin-bottom:12px}.modal h2.win[data-v-f51e3d45]{color:#b8362f}.badges[data-v-f51e3d45]{margin-bottom:14px}.badge[data-v-f51e3d45]{display:inline-block;background:#f0b94a;color:#5a3000;font-size:12px;padding:2px 8px;border-radius:4px;margin:0 3px}.score-list[data-v-f51e3d45]{list-style:none;margin-bottom:18px}.score-list li[data-v-f51e3d45]{display:flex;justify-content:space-between;padding:9px 12px;background:#f6f6f6;border-radius:8px;margin-bottom:7px}.score-list li.self[data-v-f51e3d45]{background:#fdf3dc}.score-list em[data-v-f51e3d45]{font-style:normal;color:#b8362f;font-size:13px}.sc[data-v-f51e3d45]{font-weight:700;color:#d4302a}.sc.plus[data-v-f51e3d45]{color:#2e9e54}.back-btn[data-v-f51e3d45]{width:100%;padding:12px;border:none;border-radius:8px;background:linear-gradient(180deg,#f0b94a,#e0962a);color:#5a3000;font-size:16px;font-weight:700}.page[data-v-c5edc671]{height:100%;overflow-y:auto;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 20%,#2e7d52,#14502f 80%)}.bar[data-v-c5edc671]{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#00000040}.brand[data-v-c5edc671]{font-size:18px;font-weight:700;letter-spacing:2px;color:#f0b94a}.back[data-v-c5edc671]{padding:5px 14px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:6px;font-size:13px}.main[data-v-c5edc671]{flex:1;padding:18px;display:flex;flex-direction:column;align-items:center;gap:16px}.error[data-v-c5edc671]{color:#ffd5d5;font-size:14px}.card[data-v-c5edc671]{width:100%;max-width:420px;background:#fff;border-radius:14px;padding:20px;box-shadow:0 10px 30px #0000004d}.card h3[data-v-c5edc671]{color:#b8362f;margin-bottom:16px;letter-spacing:1px}.beans-banner[data-v-c5edc671]{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#fdf0d0,#f6e2b0);border-radius:10px;padding:12px 16px;margin-bottom:14px}.beans-banner .bl[data-v-c5edc671]{color:#8a5a00;font-size:14px}.beans-banner .bv[data-v-c5edc671]{color:#b8362f;font-size:24px;font-weight:700}.grid[data-v-c5edc671]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat[data-v-c5edc671]{display:flex;flex-direction:column;align-items:center;background:#f6f6f6;border-radius:10px;padding:12px 4px}.stat .num[data-v-c5edc671]{font-size:22px;font-weight:700;color:#2c3e50}.stat .lbl[data-v-c5edc671]{font-size:12px;color:#999;margin-top:4px}.sub[data-v-c5edc671]{margin-top:12px;color:#777;font-size:13px;text-align:center}.list[data-v-c5edc671]{list-style:none;display:flex;flex-direction:column;gap:8px}.list li[data-v-c5edc671]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f6f6f6;border-radius:8px;font-size:14px}.role[data-v-c5edc671]{font-size:12px;padding:2px 8px;border-radius:4px;background:#ddd;color:#555}.role.ll[data-v-c5edc671]{background:#f0b94a;color:#5a3000}.res[data-v-c5edc671]{font-weight:700;color:#888}.res.win[data-v-c5edc671]{color:#2e9e54}.score[data-v-c5edc671]{font-weight:700}.score.plus[data-v-c5edc671]{color:#2e9e54}.score.minus[data-v-c5edc671]{color:#d4302a}.time[data-v-c5edc671]{margin-left:auto;color:#aaa;font-size:12px}.rank[data-v-c5edc671]{width:24px;height:24px;border-radius:50%;background:#ddd;color:#666;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.rank.gold[data-v-c5edc671]{background:#f0b94a;color:#5a3000}.rank.silver[data-v-c5edc671]{background:#c8cdd2;color:#3a3a3a}.rank.bronze[data-v-c5edc671]{background:#d8a06a;color:#4a2600}.lname[data-v-c5edc671]{font-weight:700}.lgames[data-v-c5edc671]{margin-left:auto;color:#999;font-size:12px}.list li .score[data-v-c5edc671]{min-width:44px;text-align:right}.empty[data-v-c5edc671]{color:#999;font-size:14px;text-align:center;padding:10px 0}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:#2c3e50;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}input{font-family:inherit}