@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700;800&display=swap";:root{--bg-gradient:linear-gradient(180deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--card-bg:#fff;--card-border:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--color-winner:#10b981;--color-winner-bg:#10b9811a;--color-loser:#f43f5e;--color-loser-bg:#f43f5e1a;--color-primary:#3b82f6;--color-primary-bg:#3b82f61a;--color-accent:#f59e0b;--shadow-lg:0 10px 25px -5px #0000001a, 0 4px 10px -5px #0000000a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;color:var(--text-primary);background:var(--bg-gradient);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg-gradient);justify-content:center;align-items:stretch;min-height:100vh;display:flex}#app{background:var(--card-bg);width:100%;max-width:480px;min-height:100vh;min-height:-webkit-fill-available;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow-x:hidden}button{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}button:active{transform:scale(.96)}button.primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 12px #3b82f64d}button.primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 6px 16px #3b82f666}button.primary:disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed;opacity:.6}button.secondary{color:var(--text-primary);border:1px solid var(--card-border);background:#f8fafc}button.secondary:hover{background:#f1f5f9}input,select{border:1px solid var(--card-border);color:var(--text-primary);background:#fff;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .2s}input:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}h1,h2,h3{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:700}.glow-text-winner{color:var(--color-winner)}.glow-text-loser{color:var(--color-loser)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.fade-in{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeIn}@media (width<=380px){:root{font-size:14px}#app{border-left:none;border-right:none;max-width:100%}}@media (width<=480px){:root{font-size:15px}#app{border-left:none;border-right:none;max-width:100%}}@media (width>=481px){#app{max-width:480px;margin:0 auto}}button,a,input,select{min-height:44px}input,select{font-size:16px}*{-webkit-overflow-scrolling:touch}.room-init[data-v-1bbb896f]{flex-direction:column;flex-grow:1;padding:32px 24px;display:flex}.header[data-v-1bbb896f]{text-align:center;margin-bottom:28px}.logo[data-v-1bbb896f]{margin-bottom:8px;font-size:3rem;animation:3s ease-in-out infinite float-1bbb896f}@keyframes float-1bbb896f{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}h1[data-v-1bbb896f]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:2.2rem}.subtitle[data-v-1bbb896f]{color:var(--text-secondary);font-size:.9rem}.tab-header[data-v-1bbb896f]{border:1px solid var(--card-border);background:#f1f5f9;border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.tab-header button[data-v-1bbb896f]{color:var(--text-secondary);background:0 0;border-radius:8px;flex:1;padding:10px;font-size:.95rem}.tab-header button.active[data-v-1bbb896f]{color:var(--text-primary);border:1px solid var(--card-border);box-shadow:var(--shadow-md);background:#fff}.form-container[data-v-1bbb896f]{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;flex-grow:1;justify-content:space-between;padding:24px;display:flex}.form-section[data-v-1bbb896f]{flex-direction:column;gap:20px;display:flex}.form-group[data-v-1bbb896f]{flex-direction:column;gap:8px;display:flex}.form-group label[data-v-1bbb896f]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.rate-select[data-v-1bbb896f]{flex-direction:column;gap:8px;display:flex}.quick-rates[data-v-1bbb896f]{gap:8px;display:flex}.quick-rates button[data-v-1bbb896f]{border:1px solid var(--card-border);color:var(--text-secondary);background:#f8fafc;flex:1;padding:6px;font-size:.85rem}.quick-rates button[data-v-1bbb896f]:hover{color:var(--text-primary);background:#e2e8f0}.submit-btn[data-v-1bbb896f]{width:100%;margin-top:10px;padding:14px;font-size:1.1rem}.join-input[data-v-1bbb896f]{text-align:center;letter-spacing:.5em;padding:16px;font-size:1.5rem}.name-input[data-v-1bbb896f]{text-align:center;padding:12px;font-size:1.1rem}.error-banner[data-v-1bbb896f]{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:16px;padding:10px 16px;font-size:.9rem}@media (width<=380px){.room-init[data-v-1bbb896f]{padding:20px 16px}.header[data-v-1bbb896f]{margin-bottom:20px}.logo[data-v-1bbb896f]{font-size:2.5rem}h1[data-v-1bbb896f]{font-size:1.8rem}.subtitle[data-v-1bbb896f]{font-size:.85rem}.tab-header[data-v-1bbb896f]{margin-bottom:20px}.form-container[data-v-1bbb896f]{padding:20px}.form-section[data-v-1bbb896f]{gap:16px}.submit-btn[data-v-1bbb896f]{padding:12px;font-size:1rem}.join-input[data-v-1bbb896f]{padding:14px;font-size:1.3rem}.name-input[data-v-1bbb896f]{padding:10px;font-size:1rem}}@media (width<=480px){.room-init[data-v-1bbb896f]{padding:24px 20px}.header[data-v-1bbb896f]{margin-bottom:24px}.logo[data-v-1bbb896f]{font-size:2.8rem}h1[data-v-1bbb896f]{font-size:2rem}.form-container[data-v-1bbb896f]{padding:22px}.form-section[data-v-1bbb896f]{gap:18px}}.app-promo-section[data-v-1bbb896f]{border:1px solid var(--card-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:16px;align-items:center;gap:16px;margin-top:20px;padding:14px 18px;display:flex}.promo-qr-box[data-v-1bbb896f]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;padding:4px;display:flex}.promo-qr-img[data-v-1bbb896f]{object-fit:contain;width:100%;height:100%}.promo-info[data-v-1bbb896f]{flex-direction:column;gap:4px;display:flex}.promo-info h4[data-v-1bbb896f]{color:var(--text-primary);margin:0;font-size:.88rem;font-weight:700}.promo-info p[data-v-1bbb896f]{color:var(--text-muted);margin:0;font-size:.72rem;line-height:1.3}.game-board[data-v-1b89fc83]{height:100vh;background:var(--bg-gradient);flex-direction:column;flex-grow:1;justify-content:space-between;height:-webkit-fill-available;display:flex;overflow:hidden}.top-nav[data-v-1b89fc83]{border-bottom:1px solid var(--card-border);background:#fff;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.back-btn[data-v-1b89fc83]{border:1px solid var(--card-border);color:var(--text-secondary);background:#f8fafc;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600}.back-btn[data-v-1b89fc83]:active{background:#e2e8f0}.settle-btn-top[data-v-1b89fc83]{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .15s}.settle-btn-top[data-v-1b89fc83]:active{background:#d1fae5;transform:scale(.95)}.room-info[data-v-1b89fc83]{flex-direction:column;align-items:center;font-size:.8rem;display:flex}.room-code[data-v-1b89fc83]{color:var(--text-secondary)}.room-code strong[data-v-1b89fc83]{color:var(--color-primary);font-weight:700}.offline-badge[data-v-1b89fc83]{color:var(--color-accent);margin-top:2px;font-size:.72rem;font-weight:700}.scoreboard-container[data-v-1b89fc83]{background:#f8fafc;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px 12px 6px;display:grid}.scoreboard-container.compact-grid[data-v-1b89fc83]{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 8px 4px}.scoreboard-container.compact-grid .score-card[data-v-1b89fc83]{border-radius:10px;padding:4px 6px 6px}.scoreboard-container.compact-grid .player-name[data-v-1b89fc83]{font-size:.72rem}.scoreboard-container.compact-grid .player-score[data-v-1b89fc83]{font-size:1.15rem}.scoreboard-container.compact-grid .cny-estimate[data-v-1b89fc83]{font-size:.65rem}.scoreboard-container.compact-grid .card-status-badge[data-v-1b89fc83]{height:12px;font-size:.55rem}.score-card[data-v-1b89fc83]{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;padding:6px 12px 10px;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.score-card[data-v-1b89fc83]:hover{background:#f8fafc}.score-card.is-payer[data-v-1b89fc83]{background:#fef2f2;border-color:#fca5a5;box-shadow:0 0 0 3px #f43f5e1a}.score-card.is-payee[data-v-1b89fc83]{background:#ecfdf5;border-color:#6ee7b7;transform:translateY(-2px);box-shadow:0 0 0 3px #10b9811a}.card-status-badge[data-v-1b89fc83]{text-transform:uppercase;letter-spacing:.05em;height:14px;margin-bottom:2px;font-size:.6rem;font-weight:800}.badge-payer[data-v-1b89fc83]{color:#fb7185}.badge-payee[data-v-1b89fc83]{color:#34d399}.badge-placeholder[data-v-1b89fc83]{visibility:hidden}.player-name[data-v-1b89fc83]{color:var(--text-secondary);align-items:center;gap:2px;font-size:.8rem;font-weight:600;display:flex}.me-tag[data-v-1b89fc83]{color:#818cf8;font-weight:700}.player-score[data-v-1b89fc83]{font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin:1px 0;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.cny-estimate[data-v-1b89fc83]{color:var(--text-muted);font-size:.7rem}.history-section[data-v-1b89fc83]{flex-direction:column;flex-grow:1;min-height:100px;padding:6px 12px;display:flex;overflow:hidden}.section-title[data-v-1b89fc83]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #e2e8f0;margin-bottom:8px;padding-bottom:4px;font-size:.75rem;font-weight:700}.history-list-box[data-v-1b89fc83]{flex-direction:column;flex-grow:1;gap:8px;padding-right:2px;display:flex;overflow-y:auto}.empty-history[data-v-1b89fc83]{color:var(--text-muted);text-align:center;padding-top:35px;font-size:.8rem}.history-item[data-v-1b89fc83]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;transition:all .2s;animation:.25s cubic-bezier(.4,0,.2,1) forwards slideIn-1b89fc83;display:flex}@keyframes slideIn-1b89fc83{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.item-meta[data-v-1b89fc83]{align-items:center;gap:6px;display:flex}.item-index[data-v-1b89fc83]{color:var(--text-muted);background:#f1f5f9;border-radius:4px;padding:1px 4px;font-size:.65rem;font-weight:700}.item-desc[data-v-1b89fc83]{color:var(--text-primary);font-size:.8rem;font-weight:600}.item-deltas[data-v-1b89fc83]{border-top:1px dashed #e2e8f0;flex-wrap:wrap;gap:4px 10px;padding-top:5px;display:flex}.player-delta[data-v-1b89fc83]{gap:3px;font-size:.7rem;display:flex}.player-delta .pn[data-v-1b89fc83]{color:var(--text-secondary)}.text-win[data-v-1b89fc83]{color:var(--color-winner);font-weight:700}.text-lose[data-v-1b89fc83]{color:var(--color-loser);font-weight:700}.keyboard-drawer-overlay[data-v-1b89fc83]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f172a66;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0}.keyboard-drawer[data-v-1b89fc83]{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;gap:12px;width:100%;max-width:480px;padding:16px 16px 24px;display:flex;box-shadow:0 -8px 24px #0000001f}.drawer-header[data-v-1b89fc83]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.transfer-flow[data-v-1b89fc83]{align-items:center;gap:6px;font-size:.9rem;font-weight:700;display:flex}.transfer-flow .payer[data-v-1b89fc83]{color:#fb7185}.transfer-flow .payee[data-v-1b89fc83]{color:#34d399}.transfer-flow .arrow[data-v-1b89fc83]{color:var(--text-muted)}.close-btn[data-v-1b89fc83]{color:var(--text-secondary);cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.close-btn[data-v-1b89fc83]:active{background:#e2e8f0;transform:scale(.9)}.score-display[data-v-1b89fc83]{justify-content:center;align-items:baseline;gap:6px;padding:4px 0;display:flex}.score-label[data-v-1b89fc83]{color:var(--text-muted);font-size:.75rem}.score-value[data-v-1b89fc83]{font-variant-numeric:tabular-nums;color:var(--color-primary);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.score-value small[data-v-1b89fc83]{color:var(--text-muted);font-size:.8rem}.score-cny[data-v-1b89fc83]{color:var(--text-muted);font-size:.75rem}.keys-grid[data-v-1b89fc83]{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.keys-grid button[data-v-1b89fc83]{height:42px;color:var(--text-primary);background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600;transition:all .1s}.keys-grid button[data-v-1b89fc83]:active{background:#e2e8f0;transform:scale(.94)}.keys-grid button.quick-key[data-v-1b89fc83]{color:var(--color-primary);background:#eff6ff;border-color:#bfdbfe;font-size:.9rem}.keys-grid button.quick-key[data-v-1b89fc83]:active{background:#dbeafe}.keys-grid button.clear-key[data-v-1b89fc83]{color:#ef4444;background:#fef2f2;border-color:#fecaca}.keys-grid button.clear-key[data-v-1b89fc83]:active{background:#fee2e2}.keys-grid button.del-key[data-v-1b89fc83]{color:var(--text-secondary)}.action-row[data-v-1b89fc83]{margin-top:2px}.record-submit-btn[data-v-1b89fc83]{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;width:100%;padding:11px;font-size:1rem;font-weight:700;box-shadow:0 4px 12px #10b98133}.record-submit-btn[data-v-1b89fc83]:active{filter:brightness(.9);transform:scale(.98)}.slide-up-enter-active[data-v-1b89fc83],.slide-up-leave-active[data-v-1b89fc83]{transition:opacity .22s}.slide-up-enter-active .keyboard-drawer[data-v-1b89fc83],.slide-up-leave-active .keyboard-drawer[data-v-1b89fc83]{transition:transform .25s cubic-bezier(.34,1.3,.64,1)}.slide-up-enter-from[data-v-1b89fc83],.slide-up-leave-to[data-v-1b89fc83]{opacity:0}.slide-up-enter-from .keyboard-drawer[data-v-1b89fc83],.slide-up-leave-to .keyboard-drawer[data-v-1b89fc83]{transform:translateY(100%)}.history-item.is-undone[data-v-1b89fc83]{opacity:.65;text-decoration:line-through;background:#f1f5f9!important;border-color:#cbd5e1!important}.undone-badge[data-v-1b89fc83]{color:#ef4444;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;margin-left:auto;padding:2px 6px;font-size:.65rem;font-weight:700;display:inline-block;text-decoration:none!important}.text-undone[data-v-1b89fc83]{text-decoration:line-through;color:var(--text-muted)!important;font-weight:400!important}.footer-bar[data-v-1b89fc83]{border-top:1px solid var(--card-border);z-index:100;background:#f8fafc;flex-shrink:0;gap:8px;padding:8px 14px 12px;display:flex;position:sticky;bottom:0;left:0;right:0}.footer-bar button[data-v-1b89fc83]{border-radius:10px;flex:1;padding:10px;font-size:.85rem;font-weight:600}.waiting-screen[data-v-1b89fc83]{flex-grow:1;justify-content:center;align-items:center;padding:24px;display:flex}.waiting-card[data-v-1b89fc83]{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;width:100%;max-width:340px;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;display:flex}.pulsing-icon[data-v-1b89fc83]{font-size:2.8rem;animation:2s ease-in-out infinite pulse-1b89fc83}@keyframes pulse-1b89fc83{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.waiting-card h3[data-v-1b89fc83]{color:var(--text-primary);margin:0;font-size:1.1rem}.waiting-tip[data-v-1b89fc83]{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.5}.room-code-display[data-v-1b89fc83]{box-sizing:border-box;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;flex-direction:column;gap:4px;width:100%;padding:10px 20px;display:flex}.room-code-display span[data-v-1b89fc83]{color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.room-code-display strong[data-v-1b89fc83]{color:var(--color-primary);letter-spacing:.1em;font-size:1.8rem}.refresh-btn[data-v-1b89fc83]{width:100%;padding:9px;font-size:.85rem}@media (width<=380px){.top-nav[data-v-1b89fc83]{padding:8px 12px}.back-btn[data-v-1b89fc83]{padding:5px 10px;font-size:.75rem}.room-info[data-v-1b89fc83]{font-size:.75rem}.scoreboard-container[data-v-1b89fc83]{gap:6px;padding:8px 10px 4px}.score-card[data-v-1b89fc83]{padding:4px 8px 8px}.card-status-badge[data-v-1b89fc83]{height:12px;font-size:.55rem}.player-name[data-v-1b89fc83]{font-size:.75rem}.player-score[data-v-1b89fc83]{font-size:1.3rem}.cny-estimate[data-v-1b89fc83]{font-size:.65rem}.history-section[data-v-1b89fc83]{min-height:80px;padding:4px 10px}.section-title[data-v-1b89fc83]{margin-bottom:6px;font-size:.7rem}.history-list-box[data-v-1b89fc83]{gap:6px}.history-item[data-v-1b89fc83]{gap:4px;padding:8px 10px}.item-index[data-v-1b89fc83]{padding:1px 3px;font-size:.6rem}.item-desc[data-v-1b89fc83]{font-size:.75rem}.item-deltas[data-v-1b89fc83]{gap:3px 8px;padding-top:4px}.player-delta[data-v-1b89fc83]{font-size:.65rem}.keyboard-drawer[data-v-1b89fc83]{gap:6px;padding:8px 12px 6px}.score-display[data-v-1b89fc83]{gap:4px}.score-label[data-v-1b89fc83]{font-size:.7rem}.score-value[data-v-1b89fc83]{font-size:1.3rem}.score-cny[data-v-1b89fc83]{font-size:.7rem}.keys-grid[data-v-1b89fc83]{gap:5px}.keys-grid button[data-v-1b89fc83]{height:44px;font-size:1.1rem}.keys-grid button.quick-key[data-v-1b89fc83]{font-size:.85rem}.record-submit-btn[data-v-1b89fc83]{padding:10px;font-size:.95rem}.footer-bar[data-v-1b89fc83]{gap:6px;padding:6px 12px 10px}.footer-bar button[data-v-1b89fc83]{padding:8px;font-size:.8rem}.waiting-screen[data-v-1b89fc83]{padding:20px}.waiting-card[data-v-1b89fc83]{gap:12px;padding:24px 16px}.pulsing-icon[data-v-1b89fc83]{font-size:2.4rem}.waiting-card h3[data-v-1b89fc83]{font-size:1rem}.waiting-tip[data-v-1b89fc83]{font-size:.75rem}.room-code-display[data-v-1b89fc83]{padding:8px 16px}.room-code-display strong[data-v-1b89fc83]{font-size:1.5rem}.refresh-btn[data-v-1b89fc83]{padding:8px;font-size:.8rem}}@media (width<=480px){.top-nav[data-v-1b89fc83]{padding:9px 13px}.scoreboard-container[data-v-1b89fc83]{gap:7px;padding:9px 11px 5px}.score-card[data-v-1b89fc83]{padding:5px 10px 9px}.player-score[data-v-1b89fc83]{font-size:1.4rem}.history-section[data-v-1b89fc83]{padding:5px 11px}.keyboard-drawer[data-v-1b89fc83]{gap:7px;padding:9px 13px 7px}.keys-grid[data-v-1b89fc83]{gap:5px}.keys-grid button[data-v-1b89fc83]{height:46px;font-size:1.15rem}.record-submit-btn[data-v-1b89fc83]{padding:10px;font-size:.95rem}.footer-bar[data-v-1b89fc83]{gap:7px;padding:7px 13px 11px}.footer-bar button[data-v-1b89fc83]{padding:9px;font-size:.82rem}.waiting-card[data-v-1b89fc83]{padding:26px 18px}}.invite-share-section[data-v-1b89fc83]{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;align-items:center;gap:12px;width:100%;margin:16px 0;padding:16px;display:flex}.qr-wrapper[data-v-1b89fc83]{flex-direction:column;align-items:center;gap:8px;display:flex}.qr-canvas[data-v-1b89fc83]{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px}.qr-label[data-v-1b89fc83]{color:var(--text-secondary);font-size:.72rem;font-weight:700}.copy-invite-btn[data-v-1b89fc83]{border-radius:8px;width:100%;max-width:200px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .15s}.copy-invite-btn[data-v-1b89fc83]:active{transform:scale(.96)}.share-icon[data-v-1b89fc83]{color:var(--color-primary);opacity:.7;margin-left:2px;font-size:.8rem;transition:opacity .15s}.room-info[data-v-1b89fc83]{cursor:pointer;border-radius:6px;padding:2px 6px;transition:all .2s}.room-info[data-v-1b89fc83]:hover{background:#f1f5f9}.room-info:hover .share-icon[data-v-1b89fc83]{opacity:1}.share-modal-overlay[data-v-1b89fc83]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.share-modal[data-v-1b89fc83]{background:#fff;border-radius:20px;width:90%;max-width:320px;transition:transform .28s cubic-bezier(.34,1.56,.64,1);overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header[data-v-1b89fc83]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-header h3[data-v-1b89fc83]{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.modal-close[data-v-1b89fc83]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1}.modal-body[data-v-1b89fc83]{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:18px 20px 20px;display:flex}.modal-desc[data-v-1b89fc83]{color:var(--text-secondary);margin:0;font-size:.76rem;line-height:1.35}.modal-room-code[data-v-1b89fc83]{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;flex-direction:column;gap:1px;padding:6px 16px;display:flex}.modal-room-code span[data-v-1b89fc83]{color:var(--text-muted);text-transform:uppercase;font-size:.6rem}.modal-room-code strong[data-v-1b89fc83]{color:var(--color-primary);letter-spacing:1px;font-size:1.25rem}.modal-qr-wrapper[data-v-1b89fc83]{flex-direction:column;align-items:center;gap:6px;display:flex}.modal-qr-canvas[data-v-1b89fc83]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px;box-shadow:0 4px 6px -1px #0000000d}.modal-qr-label[data-v-1b89fc83]{color:var(--text-muted);font-size:.65rem;font-weight:500}.copy-invite-btn-modal[data-v-1b89fc83]{background:var(--color-primary);color:#fff;border-radius:10px;width:100%;padding:10px;font-size:.88rem;font-weight:700}.copy-invite-btn-modal[data-v-1b89fc83]:active{transform:scale(.97)}.fade-enter-active[data-v-1b89fc83],.fade-leave-active[data-v-1b89fc83]{transition:opacity .25s}.fade-enter-from[data-v-1b89fc83],.fade-leave-to[data-v-1b89fc83]{opacity:0}.fade-enter-active .share-modal[data-v-1b89fc83],.fade-leave-active .share-modal[data-v-1b89fc83]{transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.fade-enter-from .share-modal[data-v-1b89fc83],.fade-leave-to .share-modal[data-v-1b89fc83]{transform:scale(.9)}.settlement[data-v-ff416771]{flex-direction:column;flex-grow:1;justify-content:space-between;gap:16px;height:100vh;padding:24px;display:flex;overflow-y:auto}.settle-header[data-v-ff416771]{text-align:center}.check-icon[data-v-ff416771]{width:48px;height:48px;color:var(--color-winner);border:2px solid var(--color-winner);background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:1.8rem;font-weight:700;display:flex}h2[data-v-ff416771]{color:var(--text-primary);margin-bottom:6px;font-size:1.6rem}.subtitle[data-v-ff416771]{color:var(--text-secondary);font-size:.85rem}.netting-card[data-v-ff416771]{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-lg);border-radius:16px;padding:16px}.card-title[data-v-ff416771]{color:var(--text-secondary);border-bottom:1px solid var(--card-border);margin-bottom:12px;padding-bottom:8px;font-size:.95rem}.empty-netting[data-v-ff416771]{text-align:center;color:var(--color-winner);padding:24px 0;font-size:.95rem;font-weight:500}.netting-list[data-v-ff416771]{flex-direction:column;gap:12px;display:flex}.netting-item[data-v-ff416771]{border:1px solid var(--card-border);background:#f8fafc;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.transfer-row[data-v-ff416771]{justify-content:space-between;align-items:center;display:flex}.party[data-v-ff416771]{flex-direction:column;align-items:center;width:60px;display:flex}.party .avatar[data-v-ff416771]{width:32px;height:32px;color:var(--text-primary);background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.payer .avatar[data-v-ff416771]{border:2px solid var(--color-loser);background:#fef2f2}.payee .avatar[data-v-ff416771]{border:2px solid var(--color-winner);background:#ecfdf5}.party .name[data-v-ff416771]{margin-top:4px;font-size:.8rem;font-weight:700}.party .role[data-v-ff416771]{color:var(--text-muted);margin-top:2px;font-size:.7rem}.arrow-indicator[data-v-ff416771]{flex-direction:column;flex-grow:1;align-items:center;display:flex}.arrow-indicator .pts[data-v-ff416771]{color:var(--text-secondary);font-size:.75rem;font-weight:500}.arrow-indicator .arrow[data-v-ff416771]{color:var(--text-muted);font-size:1.2rem}.cny-amount[data-v-ff416771]{text-align:center;color:var(--text-secondary);border-top:1px dashed #e2e8f0;padding-top:8px;font-size:.85rem}.cny-amount strong[data-v-ff416771]{color:var(--color-accent);font-size:1.1rem}.preview-box[data-v-ff416771]{border:1px solid var(--card-border);background:#f8fafc;border-radius:12px;overflow:hidden}.preview-header[data-v-ff416771]{border-bottom:1px solid var(--card-border);color:var(--text-secondary);background:#fff;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.75rem;display:flex}.copy-btn-mini[data-v-ff416771]{color:var(--color-primary);background:#eff6ff;padding:4px 8px;font-size:.75rem}.preview-content[data-v-ff416771]{color:var(--text-primary);white-space:pre-wrap;max-height:120px;padding:12px;font-family:inherit;font-size:.8rem;line-height:1.4;overflow-y:auto}.action-footer[data-v-ff416771]{flex-direction:column;gap:10px;padding-bottom:16px;display:flex}.copy-big-btn[data-v-ff416771]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);width:100%;padding:14px;font-size:1.05rem;box-shadow:0 4px 15px #3b82f633}.restart-btn[data-v-ff416771]{width:100%;padding:12px;font-size:.95rem}@media (width<=380px){.settlement[data-v-ff416771]{gap:12px;padding:16px}.check-icon[data-v-ff416771]{width:42px;height:42px;margin-bottom:10px;font-size:1.5rem}h2[data-v-ff416771]{margin-bottom:4px;font-size:1.4rem}.subtitle[data-v-ff416771]{font-size:.8rem}.netting-card[data-v-ff416771]{padding:12px}.card-title[data-v-ff416771]{margin-bottom:10px;padding-bottom:6px;font-size:.9rem}.empty-netting[data-v-ff416771]{padding:20px 0;font-size:.9rem}.netting-list[data-v-ff416771]{gap:10px}.netting-item[data-v-ff416771]{gap:8px;padding:10px}.party[data-v-ff416771]{width:50px}.party .avatar[data-v-ff416771]{width:28px;height:28px;font-size:.75rem}.party .name[data-v-ff416771]{margin-top:3px;font-size:.75rem}.party .role[data-v-ff416771]{margin-top:1px;font-size:.65rem}.arrow-indicator .pts[data-v-ff416771]{font-size:.7rem}.arrow-indicator .arrow[data-v-ff416771]{font-size:1rem}.cny-amount[data-v-ff416771]{padding-top:6px;font-size:.8rem}.cny-amount strong[data-v-ff416771]{font-size:1rem}.preview-header[data-v-ff416771]{padding:6px 10px;font-size:.7rem}.copy-btn-mini[data-v-ff416771]{padding:3px 6px;font-size:.7rem}.preview-content[data-v-ff416771]{max-height:100px;padding:10px;font-size:.75rem;line-height:1.3}.action-footer[data-v-ff416771]{gap:8px;padding-bottom:12px}.copy-big-btn[data-v-ff416771]{padding:12px;font-size:1rem}.restart-btn[data-v-ff416771]{padding:10px;font-size:.9rem}}@media (width<=480px){.settlement[data-v-ff416771]{gap:14px;padding:20px}.check-icon[data-v-ff416771]{width:45px;height:45px;margin-bottom:11px;font-size:1.6rem}h2[data-v-ff416771]{font-size:1.5rem}.netting-card[data-v-ff416771]{padding:14px}.card-title[data-v-ff416771]{margin-bottom:11px;font-size:.92rem}.netting-item[data-v-ff416771]{gap:9px;padding:11px}.party[data-v-ff416771]{width:55px}.party .avatar[data-v-ff416771]{width:30px;height:30px;font-size:.8rem}.party .name[data-v-ff416771]{font-size:.78rem}.preview-content[data-v-ff416771]{max-height:110px;padding:11px;font-size:.78rem}.copy-big-btn[data-v-ff416771]{padding:13px;font-size:1.02rem}.restart-btn[data-v-ff416771]{padding:11px;font-size:.92rem}}