.home-page[data-v-435d512a]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;max-width:500px;margin:0 auto}.brand[data-v-435d512a]{text-align:center;margin-bottom:48px;animation:fadeInDown-435d512a .8s cubic-bezier(.34,1.56,.64,1)}.logo[data-v-435d512a]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.ghost-icon[data-v-435d512a]{font-size:56px;animation:float-435d512a 3s ease-in-out infinite}@keyframes float-435d512a{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.brand-name[data-v-435d512a]{font-size:42px;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.tagline[data-v-435d512a]{font-size:15px;color:#ee5a6fb3;font-weight:400;letter-spacing:1px}.tabs[data-v-435d512a]{width:100%;display:flex;gap:12px;margin-bottom:24px;padding:6px;background:transparent;border:2px solid rgba(255,107,107,.2);border-radius:16px;animation:fadeInUp-435d512a .8s cubic-bezier(.34,1.56,.64,1) .1s both}.tab[data-v-435d512a]{flex:1;height:48px;background:transparent;border:2px solid transparent;border-radius:12px;color:#ee5a6f80;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.tab[data-v-435d512a]:hover{color:#ee5a6fcc;border-color:#ff6b6b4d}.tab.active[data-v-435d512a]{background:transparent;color:#ff6b6b;border-color:#ff6b6b;box-shadow:none}.content-wrapper[data-v-435d512a]{width:100%;position:relative;min-height:320px;margin-bottom:24px}.content-card[data-v-435d512a]{width:100%;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,107,107,.2);border-radius:24px;padding:32px 28px;box-shadow:none;position:absolute;top:0;left:0}.slide-fade-enter-active[data-v-435d512a]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.slide-fade-leave-active[data-v-435d512a]{transition:all .3s ease}.slide-fade-enter-from[data-v-435d512a]{transform:translate(30px);opacity:0}.slide-fade-leave-to[data-v-435d512a]{transform:translate(-30px);opacity:0}.input-group[data-v-435d512a]{margin-bottom:24px}.text-input[data-v-435d512a]{width:100%;height:52px;padding:0 20px;background:transparent;border:2px solid rgba(255,107,107,.25);border-radius:14px;font-size:16px;color:#ee5a6f;transition:all .3s ease;font-weight:500}.text-input[data-v-435d512a]:focus{background:#fff9;border-color:#ff6b6b;box-shadow:none;outline:none}.text-input[data-v-435d512a]::placeholder{color:#ee5a6f66;font-weight:400}.text-input.small[data-v-435d512a]{height:44px;font-size:15px}.text-input.code-input[data-v-435d512a]{text-align:center;font-size:24px;font-weight:700;letter-spacing:4px;text-transform:uppercase}.options[data-v-435d512a]{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.option-item[data-v-435d512a]{display:flex;flex-direction:column;gap:12px}.option-label[data-v-435d512a]{font-size:14px;font-weight:600;color:#ee5a6f99;text-transform:uppercase;letter-spacing:.5px}.number-selector[data-v-435d512a]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.num-btn[data-v-435d512a]{height:44px;background:transparent;border:2px solid rgba(255,107,107,.25);border-radius:12px;font-size:15px;font-weight:600;color:#ff6b6b;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.num-btn[data-v-435d512a]:hover{border-color:#ff6b6b80;transform:scale(1.05)}.num-btn.active[data-v-435d512a]{background:transparent;color:#ff6b6b;border-color:#ff6b6b;border-width:2px;box-shadow:none;transform:scale(1.05)}.actions[data-v-435d512a]{display:flex;align-items:center;gap:12px}.link-btn[data-v-435d512a]{flex:1;height:48px;background:transparent;border:none;color:#ee5a6fb3;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:12px}.link-btn[data-v-435d512a]:hover{color:#ff6b6b;background:#ff6b6b14}.primary-btn[data-v-435d512a]{flex:1;height:52px;background:transparent;border:2px solid #ff6b6b;border-radius:14px;color:#ff6b6b;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:none;position:relative;overflow:hidden}.primary-btn[data-v-435d512a]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ff6b6b14;transition:left .6s ease}.primary-btn[data-v-435d512a]:hover{transform:translateY(-2px);background:#ff6b6b0d;box-shadow:0 4px 12px #ff6b6b33}.primary-btn[data-v-435d512a]:hover:before{left:100%}.primary-btn[data-v-435d512a]:active{transform:translateY(0)}.primary-btn[data-v-435d512a]:disabled{background:transparent;border-color:#ff6b6b33;color:#ff6b6b4d;box-shadow:none;cursor:not-allowed;opacity:.6}.primary-btn.full[data-v-435d512a]{width:100%}.quick-start[data-v-435d512a]{width:100%;height:56px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid rgba(255,107,107,.3);border-radius:16px;color:#ff6b6b;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:8px;animation:fadeInUp-435d512a .8s cubic-bezier(.34,1.56,.64,1) .2s both}.quick-start .icon[data-v-435d512a]{font-size:20px}.quick-start[data-v-435d512a]:hover{background:#ff6b6b0d;border-color:#ff6b6b80;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b26}.quick-start[data-v-435d512a]:active{transform:translateY(0)}.toast[data-v-435d512a]{position:fixed;bottom:40px;left:50%;transform:translate(-50%);padding:16px 28px;background:#1c1c1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;border-radius:16px;font-size:15px;font-weight:500;box-shadow:0 8px 32px #0000004d;z-index:1000;max-width:90%;text-align:center}.toast-enter-active[data-v-435d512a]{animation:toastIn-435d512a .4s cubic-bezier(.34,1.56,.64,1)}.toast-leave-active[data-v-435d512a]{animation:toastOut-435d512a .3s ease}@keyframes toastIn-435d512a{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toastOut-435d512a{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes fadeInDown-435d512a{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-435d512a{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.home-page[data-v-435d512a]{padding:32px 16px}.brand[data-v-435d512a]{margin-bottom:40px}.ghost-icon[data-v-435d512a]{font-size:48px}.brand-name[data-v-435d512a]{font-size:36px}.content-card[data-v-435d512a]{padding:28px 24px}}.profile-setup[data-v-305d063f]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;z-index:1000;animation:fadeIn .3s ease}.overlay[data-v-305d063f]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal[data-v-305d063f]{position:relative;width:100%;max-width:750px;margin:0 auto;background:#fff;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--spacing-xl);animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 -8px 32px #0003}h2[data-v-305d063f]{font-size:24px;font-weight:700;margin-bottom:var(--spacing-xl);text-align:center;color:var(--color-text-main)}.avatar-section[data-v-305d063f]{margin-bottom:var(--spacing-xl)}.avatar-grid[data-v-305d063f]{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-md);max-height:320px;overflow-y:auto;padding:var(--spacing-sm);background:var(--color-bg-light);border-radius:var(--radius-md)}.avatar-item[data-v-305d063f]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:36px;background:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:3px solid transparent;position:relative}.avatar-item[data-v-305d063f]:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:var(--radius-md);padding:3px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.avatar-item[data-v-305d063f]:hover{transform:scale(1.15) rotate(5deg);box-shadow:var(--shadow-md)}.avatar-item.selected[data-v-305d063f]{transform:scale(1.15);box-shadow:var(--shadow-lg)}.avatar-item.selected[data-v-305d063f]:before{opacity:1}.nickname-section[data-v-305d063f]{margin-bottom:var(--spacing-xl)}.input-wrapper[data-v-305d063f]{position:relative}.nickname-input[data-v-305d063f]{width:100%;height:56px;padding:0 70px 0 var(--spacing-lg);background:var(--color-bg-light);border-radius:var(--radius-md);font-size:17px;border:3px solid transparent;transition:all .3s ease;font-weight:500}.nickname-input[data-v-305d063f]:focus{background:#fff;border-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b26}.nickname-input[data-v-305d063f]::placeholder{color:var(--color-text-light);font-weight:400}.char-count[data-v-305d063f]{position:absolute;right:var(--spacing-lg);top:50%;transform:translateY(-50%);font-size:var(--font-size-small);color:var(--color-text-ghost);font-weight:600;background:#fff;padding:4px 12px;border-radius:16px;box-shadow:var(--shadow-sm)}.actions[data-v-305d063f]{display:flex;gap:var(--spacing-md)}.btn-secondary[data-v-305d063f]{flex:1;height:56px;background:var(--color-bg-light);color:var(--color-text-main);border-radius:var(--radius-md);font-size:17px;font-weight:600;transition:all .2s ease;border:2px solid transparent}.btn-secondary[data-v-305d063f]:hover{background:var(--color-text-ghost);color:#fff}.btn-primary[data-v-305d063f]{flex:2;height:56px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border-radius:var(--radius-md);font-size:17px;font-weight:600;box-shadow:0 8px 20px #ff6b6b4d;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary[data-v-305d063f]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary[data-v-305d063f]:hover:before{left:100%}.btn-primary[data-v-305d063f]:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ff6b6b66}@media (max-width: 768px){.modal[data-v-305d063f]{padding:var(--spacing-lg)}.avatar-grid[data-v-305d063f]{grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm)}.avatar-item[data-v-305d063f]{font-size:32px}h2[data-v-305d063f]{font-size:20px}}.chat-room[data-v-9ad437c4]{display:flex;flex-direction:column;height:100vh;max-width:750px;width:100%;margin:0 auto;background:linear-gradient(to bottom,#e8e8e8,#f0f0f0)}.header[data-v-9ad437c4]{display:flex;align-items:center;height:60px;padding:0 12px;background:linear-gradient(to bottom,#fafafa,#f5f5f5);border-bottom:1px solid #D9D9D9;flex-shrink:0;box-shadow:0 1px 3px #0000000d}.header[data-v-9ad437c4]:after{display:none}.back-btn[data-v-9ad437c4]{width:40px;height:40px;background:transparent;color:#000;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-btn[data-v-9ad437c4]:hover{background:#0000000d;transform:scale(1.1)}.back-btn[data-v-9ad437c4]:active{transform:scale(.95)}.room-info[data-v-9ad437c4]{flex:1;text-align:center;padding:0 12px}.room-name[data-v-9ad437c4]{font-size:16px;font-weight:500;color:#000;line-height:1.4}.room-meta[data-v-9ad437c4]{font-size:12px;color:#999;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:2px}.room-id[data-v-9ad437c4]{cursor:pointer;transition:color .2s}.room-id[data-v-9ad437c4]:hover{color:#576b95}.separator[data-v-9ad437c4]{color:#d9d9d9}.online-count[data-v-9ad437c4]{color:#999}.header-actions[data-v-9ad437c4]{display:flex;align-items:center;gap:8px}.status-indicator[data-v-9ad437c4]{width:8px;height:8px;border-radius:50%;background:#ff6b6b;box-shadow:0 0 8px #ff6b6b99;animation:statusPulse-9ad437c4 2s ease-in-out infinite}@keyframes statusPulse-9ad437c4{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.status-indicator.connecting[data-v-9ad437c4]{background:#ffc300;box-shadow:0 0 8px #ffc30099;animation:statusBlink-9ad437c4 1s ease-in-out infinite}@keyframes statusBlink-9ad437c4{0%,to{opacity:1}50%{opacity:.3}}.status-indicator.disconnected[data-v-9ad437c4]{background:#fa5151;box-shadow:0 0 8px #fa515199}.icon-btn[data-v-9ad437c4]{width:40px;height:40px;background:transparent;color:#000;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-btn[data-v-9ad437c4]:hover{background:#0000000d;transform:scale(1.1)}.icon-btn[data-v-9ad437c4]:active{transform:scale(.95)}.messages[data-v-9ad437c4]{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(to bottom,#e8e8e8,#f0f0f0)}.message-wrapper[data-v-9ad437c4]{display:flex;flex-direction:column;animation:messageSlideIn-9ad437c4 .4s cubic-bezier(.34,1.56,.64,1);opacity:0;animation-fill-mode:forwards}@keyframes messageSlideIn-9ad437c4{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-wrapper.system[data-v-9ad437c4]{align-items:center;margin:8px 0}.system-message[data-v-9ad437c4]{padding:4px 12px;background:#00000014;border-radius:12px;font-size:12px;color:#999;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn-9ad437c4 .5s ease}@keyframes fadeIn-9ad437c4{0%{opacity:0}to{opacity:1}}.message-container[data-v-9ad437c4]{display:flex;gap:8px;width:100%;align-items:flex-start}.message-wrapper:not(.mine) .message-container[data-v-9ad437c4]{justify-content:flex-start}.message-wrapper.mine .message-container[data-v-9ad437c4]{justify-content:flex-end}.avatar[data-v-9ad437c4]{width:40px;height:40px;font-size:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:6px;box-shadow:0 2px 4px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-user-select:none;user-select:none;order:0}.message-wrapper.mine .avatar[data-v-9ad437c4]{order:2}.avatar[data-v-9ad437c4]:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001f}.avatar[data-v-9ad437c4]:active{transform:scale(.95)}.message-wrapper:not(.mine) .avatar[data-v-9ad437c4]:hover{box-shadow:0 4px 12px #576b9533}.message-wrapper.mine .avatar[data-v-9ad437c4]{cursor:pointer}.message-wrapper.mine .avatar[data-v-9ad437c4]:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #07c16033}.message-content[data-v-9ad437c4]{display:flex;flex-direction:column;max-width:60%;min-width:0;order:1}.message-wrapper:not(.mine) .message-content[data-v-9ad437c4]{align-items:flex-start}.message-wrapper.mine .message-content[data-v-9ad437c4]{align-items:flex-end}.sender-name[data-v-9ad437c4]{font-size:12px;color:#999;margin-bottom:4px;padding-left:0}.bubble[data-v-9ad437c4]{padding:10px 14px;border-radius:4px;word-wrap:break-word;word-break:break-word;position:relative;max-width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none;cursor:pointer;-webkit-user-select:none;user-select:none}.bubble[data-v-9ad437c4]:hover{transform:translateY(-1px)}.bubble[data-v-9ad437c4]:active{transform:scale(.98)}.message-wrapper:not(.mine) .bubble[data-v-9ad437c4]{background:#fff;color:#000;border-radius:0 12px 12px}.message-wrapper.mine .bubble[data-v-9ad437c4]{background:#95ec69;color:#000;border-radius:12px 0 12px 12px}.text-content[data-v-9ad437c4]{line-height:1.6;font-size:16px;white-space:pre-wrap;word-break:break-word}.image-content[data-v-9ad437c4]{max-width:200px}.image-content img[data-v-9ad437c4]{width:100%;border-radius:4px;cursor:pointer;display:block}.message-info[data-v-9ad437c4]{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:11px;color:#999;padding-left:0}.message-wrapper.mine .message-info[data-v-9ad437c4]{flex-direction:row-reverse}.typing-indicator[data-v-9ad437c4]{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;color:#999}.typing-text[data-v-9ad437c4]{font-style:italic}.typing-dots[data-v-9ad437c4]{display:flex;gap:3px}.dot[data-v-9ad437c4]{width:4px;height:4px;border-radius:50%;background:#999;animation:typing-9ad437c4 1.4s infinite}.dot[data-v-9ad437c4]:nth-child(2){animation-delay:.2s}.dot[data-v-9ad437c4]:nth-child(3){animation-delay:.4s}@keyframes typing-9ad437c4{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.input-area[data-v-9ad437c4]{display:flex;flex-direction:column;background:linear-gradient(to bottom,#fafafa,#f5f5f5);border-top:1px solid #D9D9D9;flex-shrink:0;box-shadow:0 -1px 3px #0000000d}.input-controls[data-v-9ad437c4]{display:flex;align-items:flex-end;gap:8px;padding:8px 12px}.tool-btn[data-v-9ad437c4]{width:36px;height:36px;background:transparent;color:#000;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.tool-btn[data-v-9ad437c4]:hover{background:#0000000d;transform:scale(1.1) rotate(5deg)}.tool-btn[data-v-9ad437c4]:active{transform:scale(.95)}.input-wrapper[data-v-9ad437c4]{flex:1;background:#fff;border-radius:8px;border:1px solid #D9D9D9;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.input-wrapper[data-v-9ad437c4]:focus-within{border-color:#07c160;box-shadow:0 2px 8px #07c16026;transform:translateY(-1px)}.message-input[data-v-9ad437c4]{width:100%;min-height:36px;max-height:100px;padding:8px 12px;background:transparent;font-size:15px;resize:none;font-family:inherit;border:none;line-height:1.5;color:#000}.message-input[data-v-9ad437c4]:focus{outline:none}.message-input[data-v-9ad437c4]::placeholder{color:#b3b3b3}.send-btn[data-v-9ad437c4]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#07c160,#06ad56);color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 6px #ff6b6b4d}.send-btn[data-v-9ad437c4]:hover{background:linear-gradient(135deg,#ee5a6f,#059a4d);transform:scale(1.1) rotate(15deg);box-shadow:0 4px 12px #ff6b6b66}.send-btn[data-v-9ad437c4]:active{transform:scale(.95) rotate(0)}.emoji-picker[data-v-9ad437c4]{position:absolute;bottom:53px;left:0;right:0;background:linear-gradient(to bottom,#fff,#fafafa);border-top:1px solid #D9D9D9;max-height:280px;display:flex;flex-direction:column;box-shadow:0 -4px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emoji-header[data-v-9ad437c4]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #EDEDED}.emoji-title[data-v-9ad437c4]{font-size:14px;font-weight:500;color:#000}.close-btn[data-v-9ad437c4]{width:28px;height:28px;background:transparent;color:#999;font-size:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.close-btn[data-v-9ad437c4]:hover{background:#0000000d;transform:rotate(90deg)}.emoji-grid[data-v-9ad437c4]{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:12px;overflow-y:auto}.emoji-item[data-v-9ad437c4]{font-size:28px;cursor:pointer;text-align:center;padding:8px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.emoji-item[data-v-9ad437c4]:hover{background:linear-gradient(135deg,#f0f0f0,#e8e8e8);transform:scale(1.3) rotate(10deg)}.emoji-item[data-v-9ad437c4]:active{transform:scale(1.1) rotate(0)}.members-panel[data-v-9ad437c4]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}.panel-overlay[data-v-9ad437c4]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009}.panel-content[data-v-9ad437c4]{position:absolute;top:0;right:0;width:280px;height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-2px 0 8px #0000001a}.panel-header[data-v-9ad437c4]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #EDEDED}.panel-header h3[data-v-9ad437c4]{font-size:16px;font-weight:500;color:#000;margin:0}.member-count[data-v-9ad437c4]{font-size:13px;color:#999}.member-card[data-v-9ad437c4]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.member-card[data-v-9ad437c4]:hover{background:linear-gradient(135deg,#f7f7f7,#f0f0f0);transform:translate(4px);box-shadow:0 2px 8px #00000014}.member-avatar[data-v-9ad437c4]{width:44px;height:44px;font-size:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:8px;flex-shrink:0;box-shadow:0 2px 4px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.member-card:hover .member-avatar[data-v-9ad437c4]{transform:scale(1.1) rotate(5deg)}.member-details[data-v-9ad437c4]{flex:1;min-width:0}.member-name[data-v-9ad437c4]{font-size:15px;font-weight:500;color:#000;display:flex;align-items:center;gap:6px;margin-bottom:4px}.owner-tag[data-v-9ad437c4]{font-size:11px;padding:2px 8px;background:linear-gradient(135deg,#fff4e5,#ffe8cc);color:#fa9d3b;border-radius:10px;font-weight:600;box-shadow:0 1px 3px #fa9d3b33;animation:tagPulse-9ad437c4 2s ease-in-out infinite}@keyframes tagPulse-9ad437c4{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.member-status[data-v-9ad437c4]{font-size:12px;color:#ff6b6b;display:flex;align-items:center;gap:4px}.status-dot[data-v-9ad437c4]{width:6px;height:6px;border-radius:50%;background:#ff6b6b}.members-sidebar[data-v-9ad437c4]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}.sidebar-overlay[data-v-9ad437c4]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;animation:fadeIn-9ad437c4 .3s ease}.sidebar-content[data-v-9ad437c4]{position:absolute;top:0;right:0;width:280px;height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-2px 0 8px #0000001a;animation:slideInRight-9ad437c4 .3s ease}.sidebar-content h3[data-v-9ad437c4]{font-size:16px;font-weight:500;color:#000;padding:16px;border-bottom:1px solid #EDEDED;margin:0}.member-list[data-v-9ad437c4]{flex:1;overflow-y:auto;padding:8px}.member-item[data-v-9ad437c4]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;transition:background .2s}.member-item[data-v-9ad437c4]:hover{background:#f7f7f7}.member-avatar[data-v-9ad437c4]{width:44px;height:44px;font-size:28px;display:flex;align-items:center;justify-content:center;background:#ededed;border-radius:4px;flex-shrink:0}.member-info[data-v-9ad437c4]{flex:1;min-width:0}.member-name[data-v-9ad437c4]{font-size:15px;font-weight:500;color:#000;margin-bottom:4px}.owner-badge[data-v-9ad437c4]{font-size:16px;margin-left:4px}.member-status[data-v-9ad437c4]{font-size:12px;color:#ff6b6b}.toast[data-v-9ad437c4]{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:12px 24px;background:linear-gradient(135deg,#000000d9,#000000bf);color:#fff;border-radius:20px;font-size:14px;z-index:1000;max-width:80%;text-align:center;animation:toastSlideIn-9ad437c4 .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}@keyframes toastSlideIn-9ad437c4{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.image-preview[data-v-9ad437c4]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;animation:fadeIn-9ad437c4 .3s ease}.image-preview img[data-v-9ad437c4]{max-width:90%;max-height:90%;border-radius:4px}.slide-up-enter-active[data-v-9ad437c4]{animation:slideUpIn-9ad437c4 .4s cubic-bezier(.34,1.56,.64,1)}.slide-up-leave-active[data-v-9ad437c4]{animation:slideUpOut-9ad437c4 .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUpIn-9ad437c4{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpOut-9ad437c4{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.slide-left-enter-active[data-v-9ad437c4]{animation:slideLeftIn-9ad437c4 .4s cubic-bezier(.34,1.56,.64,1)}.slide-left-leave-active[data-v-9ad437c4]{animation:slideLeftOut-9ad437c4 .3s cubic-bezier(.4,0,.2,1)}@keyframes slideLeftIn-9ad437c4{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideLeftOut-9ad437c4{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.fade-enter-active[data-v-9ad437c4],.fade-leave-active[data-v-9ad437c4]{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from[data-v-9ad437c4],.fade-leave-to[data-v-9ad437c4]{opacity:0}@keyframes slideInUp-9ad437c4{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight-9ad437c4{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse-9ad437c4{0%,to{opacity:1}50%{opacity:.5}}.profile-edit-modal[data-v-9ad437c4]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;display:flex;align-items:center;justify-content:center}.modal-overlay[data-v-9ad437c4]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-9ad437c4 .3s ease}.profile-edit-panel[data-v-9ad437c4]{position:relative;width:90%;max-width:400px;background:linear-gradient(to bottom,#fff,#fafafa);border-radius:16px;box-shadow:0 8px 32px #0003;animation:modalSlideIn-9ad437c4 .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes modalSlideIn-9ad437c4{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-edit-panel .panel-header[data-v-9ad437c4]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #EDEDED;background:linear-gradient(to bottom,#fafafa,#f5f5f5)}.profile-edit-panel .panel-header h3[data-v-9ad437c4]{font-size:17px;font-weight:600;color:#000;margin:0}.profile-edit-panel .close-btn[data-v-9ad437c4]{width:32px;height:32px;background:transparent;color:#999;font-size:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1}.profile-edit-panel .close-btn[data-v-9ad437c4]:hover{background:#0000000d;transform:rotate(90deg);color:#666}.edit-content[data-v-9ad437c4]{padding:24px 20px}.avatar-section[data-v-9ad437c4]{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.current-avatar[data-v-9ad437c4]{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.current-avatar[data-v-9ad437c4]:hover{transform:scale(1.05)}.avatar-display[data-v-9ad437c4]{width:80px;height:80px;font-size:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.current-avatar:hover .avatar-display[data-v-9ad437c4]{box-shadow:0 6px 20px #00000026;transform:rotate(5deg)}.avatar-hint[data-v-9ad437c4]{font-size:13px;color:#999;transition:color .3s}.current-avatar:hover .avatar-hint[data-v-9ad437c4]{color:#ff6b6b}.avatar-picker[data-v-9ad437c4]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px;padding:16px;background:linear-gradient(135deg,#f7f7f7,#f0f0f0);border-radius:12px;max-height:200px;overflow-y:auto;animation:slideDown-9ad437c4 .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideDown-9ad437c4{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.avatar-option[data-v-9ad437c4]{width:48px;height:48px;font-size:32px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000014}.avatar-option[data-v-9ad437c4]:hover{transform:scale(1.15) rotate(10deg);box-shadow:0 4px 12px #00000026;background:linear-gradient(135deg,#fff,#f9f9f9)}.avatar-option.selected[data-v-9ad437c4]{background:linear-gradient(135deg,#a0e75a,#95ec69);transform:scale(1.1);box-shadow:0 4px 12px #ff6b6b4d}.avatar-option.selected[data-v-9ad437c4]:hover{transform:scale(1.2) rotate(10deg)}.nickname-section[data-v-9ad437c4]{position:relative}.nickname-section label[data-v-9ad437c4]{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.nickname-input[data-v-9ad437c4]{width:100%;padding:12px 16px;font-size:15px;border:2px solid #EDEDED;border-radius:8px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;color:#000}.nickname-input[data-v-9ad437c4]:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a;transform:translateY(-1px)}.nickname-input[data-v-9ad437c4]::placeholder{color:#b3b3b3}.char-count[data-v-9ad437c4]{position:absolute;right:0;bottom:-20px;font-size:12px;color:#999}.panel-actions[data-v-9ad437c4]{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #EDEDED;background:linear-gradient(to bottom,#f7f7f7,#f0f0f0)}.btn-cancel[data-v-9ad437c4],.btn-confirm[data-v-9ad437c4]{flex:1;padding:12px 24px;font-size:15px;font-weight:500;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-cancel[data-v-9ad437c4]{background:#fff;color:#666;border:2px solid #EDEDED}.btn-cancel[data-v-9ad437c4]:hover{background:#f7f7f7;border-color:#d9d9d9;transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.btn-cancel[data-v-9ad437c4]:active{transform:translateY(0)}.btn-confirm[data-v-9ad437c4]{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;box-shadow:0 2px 8px #ff6b6b4d}.btn-confirm[data-v-9ad437c4]:hover{background:linear-gradient(135deg,#ee5a6f,#059a4d);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.btn-confirm[data-v-9ad437c4]:active{transform:translateY(0)}.mention[data-v-9ad437c4]{color:#576b95;font-weight:500;background:#576b951a;padding:0 4px;border-radius:3px}.mention-list[data-v-9ad437c4]{position:absolute;bottom:100%;left:0;right:0;max-height:200px;background:#fff;border:1px solid #D9D9D9;border-radius:8px 8px 0 0;box-shadow:0 -4px 12px #0000001a;overflow-y:auto;z-index:10;animation:slideUpIn-9ad437c4 .3s cubic-bezier(.34,1.56,.64,1)}.mention-item[data-v-9ad437c4]{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-bottom:1px solid #F0F0F0}.mention-item[data-v-9ad437c4]:last-child{border-bottom:none}.mention-item[data-v-9ad437c4]:hover{background:linear-gradient(135deg,#f7f7f7,#f0f0f0);transform:translate(4px)}.mention-avatar[data-v-9ad437c4]{width:32px;height:32px;font-size:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:6px;flex-shrink:0;box-shadow:0 1px 3px #00000014}.mention-name[data-v-9ad437c4]{font-size:14px;color:#000;font-weight:500}.quote-preview[data-v-9ad437c4]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#f7f7f7,#f0f0f0);border-bottom:1px solid #D9D9D9;animation:slideUpIn-9ad437c4 .3s cubic-bezier(.34,1.56,.64,1)}.quote-preview-content[data-v-9ad437c4]{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.quote-icon[data-v-9ad437c4]{color:#ff6b6b;flex-shrink:0;display:flex;align-items:center}.quote-text[data-v-9ad437c4]{flex:1;min-width:0}.quote-author[data-v-9ad437c4]{font-size:12px;color:#ff6b6b;font-weight:500;margin-bottom:2px}.quote-message[data-v-9ad437c4]{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quote-close[data-v-9ad437c4]{width:24px;height:24px;background:transparent;color:#999;font-size:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.quote-close[data-v-9ad437c4]:hover{background:#0000000d;transform:rotate(90deg);color:#666}.quoted-message[data-v-9ad437c4]{padding:8px 10px;background:#0000000d;border-left:3px solid #ff6b6b;border-radius:4px;margin-bottom:6px}.message-wrapper.mine .quoted-message[data-v-9ad437c4]{background:#00000014;border-left-color:#0003}.quoted-header[data-v-9ad437c4]{font-size:12px;color:#ff6b6b;font-weight:500;margin-bottom:4px}.message-wrapper.mine .quoted-header[data-v-9ad437c4]{color:#0009}.quoted-content[data-v-9ad437c4]{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-wrapper.mine .quoted-content[data-v-9ad437c4]{color:#000000b3}.message-menu-overlay[data-v-9ad437c4]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:150;animation:fadeIn-9ad437c4 .2s ease}.message-menu[data-v-9ad437c4]{position:fixed;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:4px;min-width:120px;transform:translate(-50%,-100%) translateY(-8px);animation:menuSlideIn-9ad437c4 .3s cubic-bezier(.34,1.56,.64,1);z-index:151}@keyframes menuSlideIn-9ad437c4{0%{opacity:0;transform:translate(-50%,-100%) translateY(-8px) scale(.9)}to{opacity:1;transform:translate(-50%,-100%) translateY(-8px) scale(1)}}.menu-item[data-v-9ad437c4]{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:transparent;color:#000;font-size:14px;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;text-align:left}.menu-item[data-v-9ad437c4]:hover{background:linear-gradient(135deg,#f7f7f7,#f0f0f0);transform:translate(2px)}.menu-item svg[data-v-9ad437c4]{color:#ff6b6b;flex-shrink:0}.menu-item svg[data-v-9ad437c4]{color:#07c160;flex-shrink:0}.confirm-modal[data-v-9ad437c4]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.confirm-dialog[data-v-9ad437c4]{position:relative;width:100%;max-width:340px;background:#fff;border-radius:20px;padding:32px 24px 24px;box-shadow:0 12px 48px #0003;animation:dialogSlideIn-9ad437c4 .4s cubic-bezier(.34,1.56,.64,1);text-align:center}@keyframes dialogSlideIn-9ad437c4{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-icon[data-v-9ad437c4]{display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:iconBounce-9ad437c4 .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes iconBounce-9ad437c4{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.confirm-title[data-v-9ad437c4]{font-size:18px;font-weight:600;color:#1c1c1e;margin:0 0 12px}.confirm-message[data-v-9ad437c4]{font-size:14px;color:#8e8e93;margin:0 0 24px;line-height:1.5}.confirm-actions[data-v-9ad437c4]{display:flex;gap:12px}.btn-cancel-leave[data-v-9ad437c4],.btn-confirm-leave[data-v-9ad437c4]{flex:1;height:44px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:none}.btn-cancel-leave[data-v-9ad437c4]{background:#f2f2f7;color:#1c1c1e}.btn-cancel-leave[data-v-9ad437c4]:hover{background:#e5e5ea;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.btn-cancel-leave[data-v-9ad437c4]:active{transform:translateY(0)}.btn-confirm-leave[data-v-9ad437c4]{background:#ff6b6b;color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.btn-confirm-leave[data-v-9ad437c4]:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.btn-confirm-leave[data-v-9ad437c4]:active{transform:translateY(0)}@media (max-width: 768px){.chat-room[data-v-9ad437c4]{box-shadow:none}.bubble-wrapper[data-v-9ad437c4]{max-width:75%}.emoji-grid[data-v-9ad437c4]{grid-template-columns:repeat(7,1fr)}.sidebar-content[data-v-9ad437c4],.panel-content[data-v-9ad437c4]{width:85%;max-width:320px}.profile-edit-panel[data-v-9ad437c4]{width:95%}.avatar-picker[data-v-9ad437c4]{grid-template-columns:repeat(5,1fr)}}.app[data-v-a9d1839b]{width:100%;min-height:100vh}:root{--color-primary: #007AFF;--color-primary-light: rgba(0, 122, 255, .1);--color-primary-dark: #0051D5;--color-bg-light: #F2F2F7;--color-bg-dark: #1C1C1E;--color-bg-white: #FFFFFF;--color-text-main: #1C1C1E;--color-text-ghost: #8E8E93;--color-text-light: #C7C7CC;--color-status-red: #FF3B30;--color-status-green: #34C759;--color-status-yellow: #FFCC00;--color-border: rgba(0, 0, 0, .08);--font-size-h1: 28px;--font-size-h2: 20px;--font-size-body: 16px;--font-size-small: 14px;--font-size-caption: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .16)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-body);color:var(--color-text-main);background:linear-gradient(135deg,#ffecd2,#fcb69f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#app{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}button{font-family:inherit;font-size:inherit;border:none;outline:none;cursor:pointer;transition:all .2s ease}button:active{transform:scale(.95)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:inherit;font-size:inherit;border:none;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-ghost);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-main)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes breathing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}