:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:transparent;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.random-avatar[data-v-fba846ea]{position:relative;overflow:hidden;display:inline-block;flex-shrink:0}.avatar-background[data-v-fba846ea]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.avatar-content[data-v-fba846ea]{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar-content svg[data-v-fba846ea]{width:100%;height:100%}.chat-app[data-v-63299f52]{display:flex;flex-direction:column;width:800px;height:95vh;margin:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#050f23f2,#0a192df2,#0f1428f2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #00000080,0 0 50px #50505066,inset 0 1px #ffffff1a;border:1px solid rgba(80,80,80,.4);transition:all .3s ease}.chat-header[data-v-63299f52]{background:linear-gradient(135deg,#1a2a4a,#0f1f3f,#243454);background-size:200% 200%;animation:headerGlow-63299f52 3s ease infinite;color:#fff;padding:7px 10px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #5a5a5a80;border-bottom:1px solid rgba(100,100,100,.6)}.header-user-info[data-v-63299f52]{display:flex;align-items:center;gap:8px}.header-avatar[data-v-63299f52]{border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000004d}@keyframes headerGlow-63299f52{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.chat-header h1[data-v-63299f52]{margin:0;font-size:20px;font-weight:600;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(120,120,120,.8),0 0 30px rgba(100,100,100,.6);animation:textGlow-63299f52 2s ease-in-out infinite alternate}@keyframes textGlow-63299f52{0%{text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(120,120,120,.8),0 0 30px rgba(100,100,100,.6)}to{text-shadow:0 0 15px rgba(255,255,255,.8),0 0 25px rgba(150,150,150,1),0 0 35px rgba(130,130,130,.9)}}.user-info[data-v-63299f52]{display:flex;align-items:flex-end;font-size:12px;opacity:.9}.nickname[data-v-63299f52]{font-weight:600;margin-bottom:2px}.connection-status[data-v-63299f52]{font-size:10px;margin-top:2px;padding:2px 6px;border-radius:10px;transition:all .3s ease}.connection-status.connected[data-v-63299f52]{background:#4caf5033;color:#4caf50}.connection-status.disconnected[data-v-63299f52]{background:#f4433633;color:#f44336}.chat-messages[data-v-63299f52]{flex:1;padding:16px;overflow-y:auto;background:linear-gradient(180deg,#050a14e6,#080f1ce6,#0c1220e6);display:flex;flex-direction:column;gap:12px;position:relative}.chat-messages[data-v-63299f52]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(138,43,226,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(40,40,40,.15) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(50,50,50,.1) 0%,transparent 50%);pointer-events:none}.message-wrapper[data-v-63299f52]{display:flex;margin-bottom:16px;animation:messageAppear-63299f52 .6s cubic-bezier(.175,.885,.32,1.275);flex-shrink:0;max-width:100%;align-items:flex-start;gap:10px}.message-wrapper.own-message[data-v-63299f52]{flex-direction:row-reverse;justify-content:flex-start}.message-wrapper[data-v-63299f52]:not(.own-message){flex-direction:row}.message-bubble[data-v-63299f52]{padding:12px 16px;border-radius:18px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:all .3s ease;min-height:fit-content;max-width:70%;word-wrap:break-word;align-self:flex-start}.message-wrapper.own-message .message-bubble[data-v-63299f52]{align-self:flex-end}.message-bubble[data-v-63299f52]:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006,0 0 20px #50505066}@keyframes messageAppear-63299f52{0%{opacity:0;transform:translateY(30px) scale(.8);filter:blur(5px)}60%{opacity:.8;transform:translateY(-5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.message-wrapper:not(.own-message) .message-bubble[data-v-63299f52]{background:linear-gradient(135deg,#192337e6,#232d41cc);color:#e8f4ff;border-left:3px solid rgba(70,130,200,.7)}.message-wrapper:not(.own-message) .message-bubble[data-v-63299f52]:hover{color:#87ceeb;text-shadow:0 0 8px rgba(135,206,235,.6);box-shadow:0 0 15px #4682c866}.message-wrapper.own-message .message-bubble[data-v-63299f52]{background:linear-gradient(135deg,#2d4a70,#1e3555,#152840);background-size:200% 200%;animation:ownMessageGlow-63299f52 3s ease infinite;color:#fff;box-shadow:0 0 20px #2d64b44d;border-right:3px solid rgba(100,180,255,.5);text-shadow:0 0 10px rgba(150,200,255,.4)}.message-wrapper.own-message .message-bubble[data-v-63299f52]:hover{text-shadow:0 0 15px rgba(150,200,255,.8),0 0 25px rgba(100,180,255,.6);box-shadow:0 0 25px #2d64b480}@keyframes ownMessageGlow-63299f52{0%,to{background-position:0% 50%;box-shadow:0 0 20px #5a5a5a80}50%{background-position:100% 50%;box-shadow:0 0 30px #6e6e6eb3}}.typing-indicator[data-v-63299f52]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8f9fa;border-radius:12px;align-self:flex-start;max-width:60%;margin-bottom:8px;animation:fadeIn-63299f52 .3s ease-out}.typing-text[data-v-63299f52]{font-size:12px;color:#a0a0a0;font-style:italic}.typing-dots[data-v-63299f52]{display:flex;gap:2px}.typing-dots span[data-v-63299f52]{width:4px;height:4px;background:#a0a0a0;border-radius:50%;animation:typingBounce-63299f52 1.4s infinite ease-in-out}.typing-dots span[data-v-63299f52]:nth-child(1){animation-delay:-.32s}.typing-dots span[data-v-63299f52]:nth-child(2){animation-delay:-.16s}@keyframes typingBounce-63299f52{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.message-avatar-container[data-v-63299f52]{flex-shrink:0}.message-content-area[data-v-63299f52]{display:flex;flex-direction:column;min-width:0;flex:1;max-width:calc(100% - 56px)}.message-info-line[data-v-63299f52]{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;color:#fff9}.message-wrapper.own-message .message-info-line[data-v-63299f52]{flex-direction:row-reverse;justify-content:flex-start}.message-avatar[data-v-63299f52]{border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000004d;flex-shrink:0}.message-nickname[data-v-63299f52]{font-size:13px;font-weight:600;color:#fff;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.5);flex-shrink:0}.message-time[data-v-63299f52]{font-size:10px;color:#ccc;opacity:.7}.message-content[data-v-63299f52]{word-wrap:break-word;line-height:1.4;display:block;visibility:visible;opacity:1;min-height:1.4em;flex-shrink:0;white-space:pre-wrap}.image-message[data-v-63299f52]{max-width:300px;margin:5px 0;position:relative}.chat-image[data-v-63299f52]{max-width:100%;max-height:200px;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;object-fit:cover;display:block}.chat-image[data-v-63299f52]:hover{transform:scale(1.02);box-shadow:0 4px 16px #0003}.image-countdown[data-v-63299f52]{position:absolute;top:5px;right:5px;color:red;padding:2px 6px;border-radius:12px;font-size:10px;font-weight:700;z-index:10}.image-modal[data-v-63299f52]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:modalFadeIn-63299f52 .3s ease}@keyframes modalFadeIn-63299f52{0%{opacity:0}to{opacity:1}}.image-modal-content[data-v-63299f52]{max-width:90vw;max-height:90vh;background:#1e1e1ef2;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #000c;animation:modalSlideIn-63299f52 .3s ease}@keyframes modalSlideIn-63299f52{0%{transform:scale(.8) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.image-modal-header[data-v-63299f52]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#282828e6;border-bottom:1px solid rgba(80,80,80,.3)}.image-modal-header h3[data-v-63299f52]{margin:0;color:#fff;font-size:16px;font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-actions[data-v-63299f52]{display:flex;align-items:center;gap:12px}.countdown-timer[data-v-63299f52]{color:red;padding:6px 12px;font-size:12px;font-weight:700;animation:countdownPulse-63299f52 1s infinite}@keyframes countdownPulse-63299f52{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.download-btn[data-v-63299f52]{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #007bff4d}.download-btn[data-v-63299f52]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #007bff80}.close-modal-btn[data-v-63299f52]{background:#ffffff1a;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-modal-btn[data-v-63299f52]:hover{background:#fff3;transform:rotate(90deg)}.image-modal-body[data-v-63299f52]{padding:20px;text-align:center;background:#141414f2}.image-modal-body img[data-v-63299f52]{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0009}.image-modal-footer[data-v-63299f52]{padding:16px 20px;background:#282828e6;border-top:1px solid rgba(80,80,80,.3);display:flex;justify-content:space-between;align-items:center;border-radius:0 0 12px 12px}.image-info[data-v-63299f52]{background:#0000000d;padding:8px;border-radius:0 0 8px 8px;font-size:12px;color:#666;display:flex;justify-content:space-between;align-items:center}.image-modal-footer .image-info[data-v-63299f52]{background:transparent;padding:0;border-radius:0;color:#ccc}.image-filename[data-v-63299f52]{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size[data-v-63299f52]{font-size:11px;opacity:.7}.no-messages[data-v-63299f52]{text-align:center;color:#a0a0a0;font-style:italic;margin-top:50px}.chat-input[data-v-63299f52]{padding:10px 16px;background:linear-gradient(135deg,#0a1423f2,#0f1928f2);border-top:1px solid rgba(60,60,60,.5);box-shadow:0 -4px 20px #00000080;position:relative}.input-group[data-v-63299f52]{display:flex;gap:12px;align-items:center}.message-input-wrapper[data-v-63299f52]{flex:1;position:relative;display:flex;align-items:flex-end;border:2px solid rgba(80,80,80,.5);border-radius:5px;background:#1e1e1ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.message-input-wrapper[data-v-63299f52]:focus-within{border-color:#6495edcc;box-shadow:0 4px 20px #6495ed4d}.message-input[data-v-63299f52]{flex:1;padding:12px 80px 12px 16px;border:none;outline:none;font-size:14px;background:transparent;color:#fff;resize:none;min-height:20px;max-height:100px;line-height:20px;overflow:hidden}.input-buttons[data-v-63299f52]{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;gap:4px;align-items:center;flex-shrink:0}.message-input[data-v-63299f52]:focus{border-color:#606060;box-shadow:0 0 20px #60606066,0 4px 15px #0006;background:#282828f2}.message-input[data-v-63299f52]::placeholder{color:#888}.send-btn[data-v-63299f52]{padding:12px 24px;background:linear-gradient(135deg,#4a6b8a,#2d4a70,#1e3555);background-size:200% 200%;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #0006;animation:sendBtnGlow-63299f52 3s ease infinite;text-shadow:0 0 10px rgba(255,255,255,.2)}.send-btn[data-v-63299f52]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #64646499;animation-duration:1s}.send-btn[data-v-63299f52]:active{transform:translateY(0);animation:sendPulse-63299f52 .3s ease}.send-btn[data-v-63299f52]:disabled{opacity:.5;cursor:not-allowed;transform:none;animation:none}.emoji-toggle-btn[data-v-63299f52],.image-upload-btn[data-v-63299f52]{padding:6px;background:#3c3c3ccc;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.emoji-toggle-btn[data-v-63299f52]:hover,.image-upload-btn[data-v-63299f52]:hover{background:#505050e6;transform:scale(1.1)}.emoji-toggle-btn[data-v-63299f52]:active,.image-upload-btn[data-v-63299f52]:active{transform:scale(.95)}.emoji-picker[data-v-63299f52]{position:absolute;bottom:100%;left:0;right:0;background:#141414f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(80,80,80,.5);border-radius:10px;box-shadow:0 -10px 30px #000c;max-height:300px;overflow-y:auto;z-index:1000;margin-bottom:10px;animation:emojiPickerSlideUp-63299f52 .3s ease}@keyframes emojiPickerSlideUp-63299f52{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-header[data-v-63299f52]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(80,80,80,.3);background:#1e1e1ecc;border-radius:10px 10px 0 0}.emoji-picker-header h4[data-v-63299f52]{margin:0;color:#fff;font-size:14px;font-weight:600}.close-btn[data-v-63299f52]{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn[data-v-63299f52]:hover{background:#ffffff1a;color:#fff}.emoji-categories[data-v-63299f52]{padding:8px}.emoji-category[data-v-63299f52]{margin-bottom:12px}.category-title[data-v-63299f52]{margin:0 0 8px;color:#ccc;font-size:12px;font-weight:600;padding:0 8px}.emoji-grid[data-v-63299f52]{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px;padding:0 4px}.emoji-btn[data-v-63299f52]{background:none;border:none;padding:6px;border-radius:6px;cursor:pointer;font-size:18px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:36px}.emoji-btn[data-v-63299f52]:hover{background:#ffffff1a;transform:scale(1.2)}.emoji-btn[data-v-63299f52]:active{transform:scale(1.1)}@keyframes sendBtnGlow-63299f52{0%,to{background-position:0% 50%;box-shadow:0 4px 15px #50505066}50%{background-position:100% 50%;box-shadow:0 4px 20px #64646499}}@keyframes sendPulse-63299f52{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes slideIn-63299f52{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-63299f52{0%{opacity:0}to{opacity:1}}body{background:linear-gradient(135deg,#051020,#0a1525,#0f1a30,#081520,#061018);background-size:400% 400%;animation:gradientShift-63299f52 15s ease infinite;min-height:100vh;color:#fff;font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif}@keyframes gradientShift-63299f52{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.chat-messages[data-v-63299f52]::-webkit-scrollbar{width:8px}.chat-messages[data-v-63299f52]::-webkit-scrollbar-track{background:#1414144d;border-radius:4px}.chat-messages[data-v-63299f52]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4678b4b3,#3264a0b3);border-radius:4px;border:1px solid rgba(60,110,170,.4)}.chat-messages[data-v-63299f52]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a8cc8e6,#4678b4e6);box-shadow:0 0 10px #5082be80}@media (max-aspect-ratio: 1/1){.chat-app[data-v-63299f52]{width:100vw;height:100vh;height:100dvh;position:fixed;top:0;left:0;transform:none;margin:0;border-radius:0;border:none;box-shadow:none;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;overflow:hidden}.message-bubble[data-v-63299f52]{max-width:85%}.message-content[data-v-63299f52]{display:block!important;visibility:visible!important;opacity:1!important}.chat-header[data-v-63299f52]{flex-shrink:0}.chat-header h1[data-v-63299f52]{font-size:18px}.chat-messages[data-v-63299f52]{flex:1;min-height:0;padding:12px;overflow-y:auto}.chat-input[data-v-63299f52]{padding:12px 16px;flex-shrink:0}.input-group[data-v-63299f52]{gap:8px}.message-input-wrapper[data-v-63299f52]{min-height:48px}.message-input[data-v-63299f52]{font-size:16px;min-height:44px!important;max-height:120px!important;line-height:22px!important;padding-right:100px!important}.input-buttons[data-v-63299f52]{right:8px;top:50%;transform:translateY(-50%);gap:4px;flex-shrink:0}.emoji-toggle-btn[data-v-63299f52],.image-upload-btn[data-v-63299f52]{min-width:40px;height:40px;font-size:18px}.send-btn[data-v-63299f52]{padding:12px 16px;min-height:48px;display:flex;align-items:center;justify-content:center}}@media (hover: none) and (pointer: coarse){.message-bubble[data-v-63299f52]{min-height:44px}.send-btn[data-v-63299f52]{min-width:60px;min-height:48px;padding:12px 16px}.emoji-toggle-btn[data-v-63299f52],.image-upload-btn[data-v-63299f52]{min-width:40px;min-height:40px;font-size:18px}.emoji-picker[data-v-63299f52]{max-height:250px}.emoji-grid[data-v-63299f52]{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.emoji-btn[data-v-63299f52]{min-height:40px;font-size:20px}.input-group input[data-v-63299f52]{min-height:48px;padding:12px 16px}.chat-header[data-v-63299f52],.user-info[data-v-63299f52]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.chat-messages[data-v-63299f52]{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}.system-notification[data-v-63299f52]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#464646f2;color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;text-align:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,100,100,.6);box-shadow:0 4px 20px #5a5a5a80;animation:systemNotificationShow-63299f52 .3s ease-out;max-width:300px;word-wrap:break-word}@keyframes systemNotificationShow-63299f52{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@supports (padding: max(0px)){@media (max-width: 768px){.chat-app[data-v-63299f52]{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}}