: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:var(--color-background);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}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100vh;overflow:hidden}.user-setup[data-v-e05532d5]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.setup-card[data-v-e05532d5]{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:450px;box-shadow:0 20px 60px #0000004d}h2[data-v-e05532d5]{font-size:28px;color:#333;margin-bottom:10px;text-align:center}.subtitle[data-v-e05532d5]{color:#666;text-align:center;margin-bottom:30px;font-size:14px}.input-group[data-v-e05532d5]{margin-bottom:20px}.wechat-input[data-v-e05532d5]{width:100%;padding:15px 20px;font-size:16px;border:2px solid #e0e0e0;border-radius:10px;transition:all .3s;box-sizing:border-box}.wechat-input[data-v-e05532d5]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message[data-v-e05532d5]{color:#f44336;font-size:14px;margin-bottom:15px;padding:10px;background:#ffebee;border-radius:8px;text-align:center}.submit-btn[data-v-e05532d5]{width:100%;padding:15px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;cursor:pointer;transition:all .3s}.submit-btn[data-v-e05532d5]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.submit-btn[data-v-e05532d5]:disabled{opacity:.6;cursor:not-allowed}.tips[data-v-e05532d5]{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.tips p[data-v-e05532d5]{font-size:13px;color:#999;text-align:center;margin:0}.like-animation-container[data-v-6d9d0331]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:50}.floating-heart[data-v-6d9d0331]{position:absolute;bottom:50%;font-size:40px;animation:floatUp-6d9d0331 2s ease-out forwards;opacity:1;pointer-events:none}@keyframes floatUp-6d9d0331{0%{transform:translateY(0) scale(.5);opacity:1}50%{transform:translateY(-150px) scale(1.2);opacity:.8}to{transform:translateY(-300px) scale(.8);opacity:0}}@keyframes floatUpWithSway-6d9d0331{0%{transform:translateY(0) translate(0) scale(.5) rotate(0);opacity:1}25%{transform:translateY(-75px) translate(-20px) scale(.8) rotate(-10deg)}50%{transform:translateY(-150px) translate(0) scale(1.2) rotate(0);opacity:.8}75%{transform:translateY(-225px) translate(20px) scale(.9) rotate(10deg)}to{transform:translateY(-300px) translate(0) scale(.8) rotate(0);opacity:0}}.floating-heart[data-v-6d9d0331]:nth-child(odd){animation-name:floatUpWithSway-6d9d0331}.video-player[data-v-e70ad503]{position:relative;width:100%;height:100%;background:#000;overflow:hidden}video[data-v-e70ad503]{width:100%;height:100%;object-fit:cover;display:block;z-index:1}.volume-control[data-v-e70ad503]{position:absolute;bottom:20px;right:20px;width:48px;height:48px;border:none;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}.volume-control[data-v-e70ad503]:hover{background:#000c;transform:scale(1.1)}.volume-control svg[data-v-e70ad503]{width:24px;height:24px}.loading-overlay[data-v-e70ad503],.error-overlay[data-v-e70ad503]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000c;color:#fff}.loading-spinner[data-v-e70ad503]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-e70ad503 1s linear infinite}@keyframes spin-e70ad503{to{transform:rotate(360deg)}}.loading-overlay p[data-v-e70ad503],.error-overlay p[data-v-e70ad503]{margin-top:15px;font-size:16px}.debug-info[data-v-e70ad503]{font-size:12px;color:#fff9;word-break:break-all;padding:0 20px}.retry-btn[data-v-e70ad503]{margin-top:15px;padding:10px 20px;background:#fff3;border:1px solid rgba(255,255,255,.5);border-radius:5px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s}.retry-btn[data-v-e70ad503]:hover{background:#ffffff4d;border-color:#fff}.video-info[data-v-e70ad503]{position:absolute;top:20px;left:20px;right:80px;color:#fff;z-index:5;pointer-events:none}.video-info h3[data-v-e70ad503]{margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.video-info .stats[data-v-e70ad503]{display:flex;gap:16px}.video-info .viewer-count[data-v-e70ad503],.video-info .like-count[data-v-e70ad503]{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6)}.video-info .viewer-count svg[data-v-e70ad503],.video-info .like-count svg[data-v-e70ad503]{width:16px;height:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8)) drop-shadow(0 1px 2px rgba(0,0,0,.6))}.video-info .like-count[data-v-e70ad503]{color:#ff6b6b}.live-ended-overlay[data-v-e70ad503]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eeaf2,#764ba2f2);z-index:20;animation:fadeIn-e70ad503 .5s ease-out}@keyframes fadeIn-e70ad503{0%{opacity:0}to{opacity:1}}.end-card[data-v-e70ad503]{background:#fffffff2;border-radius:20px;padding:40px 60px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:500px;animation:fadeInScale-e70ad503 .5s ease-out}@keyframes fadeInScale-e70ad503{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.end-icon[data-v-e70ad503]{font-size:80px;margin-bottom:20px;animation:bounce-e70ad503 2s ease-in-out infinite}@keyframes bounce-e70ad503{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.end-card h2[data-v-e70ad503]{font-size:32px;color:#333;margin-bottom:15px;font-weight:600}.end-message[data-v-e70ad503]{font-size:16px;color:#666;margin:0}.chat-area[data-v-a4d5da6c]{flex:1;display:flex;flex-direction:column;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:0;overflow:hidden}.messages-container[data-v-a4d5da6c]{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px}.messages-container[data-v-a4d5da6c]::-webkit-scrollbar{width:6px}.messages-container[data-v-a4d5da6c]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.messages-container[data-v-a4d5da6c]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.messages-container[data-v-a4d5da6c]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.message-item[data-v-a4d5da6c]{animation:messageSlideIn-a4d5da6c .3s ease-out}@keyframes messageSlideIn-a4d5da6c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.system-message[data-v-a4d5da6c]{text-align:center;color:#fff9;font-size:13px;padding:6px 12px;background:#ffffff1a;border-radius:12px;display:inline-block;margin:0 auto}.user-message[data-v-a4d5da6c]{background:#ffffff26;border-radius:10px;padding:10px 12px;color:#fff;max-width:90%}.message-header[data-v-a4d5da6c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:10px}.nickname[data-v-a4d5da6c]{font-weight:700;font-size:14px;color:#5dade2;flex-shrink:0}.is-current-user .nickname[data-v-a4d5da6c]{color:gold}.message-virtual_user .nickname[data-v-a4d5da6c]{color:#ff69b4}.time[data-v-a4d5da6c]{font-size:11px;color:#ffffff80;white-space:nowrap}.message-content[data-v-a4d5da6c]{font-size:15px;line-height:1.5;word-wrap:break-word}.input-area[data-v-80c92ee9]{background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px;border-top:1px solid rgba(255,255,255,.1)}.input-wrapper[data-v-80c92ee9]{display:flex;gap:10px;align-items:center}.message-input[data-v-80c92ee9]{flex:1;padding:12px 15px;font-size:15px;border:1px solid rgba(255,255,255,.2);border-radius:25px;background:#ffffff1a;color:#fff;transition:all .3s}.message-input[data-v-80c92ee9]::placeholder{color:#ffffff80}.message-input[data-v-80c92ee9]:focus{outline:none;border-color:#fff6;background:#ffffff26}.message-input[data-v-80c92ee9]:disabled{opacity:.5;cursor:not-allowed;background:#ffffff0d}.send-btn[data-v-80c92ee9]{padding:12px 30px;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;cursor:pointer;transition:all .3s;white-space:nowrap}.send-btn[data-v-80c92ee9]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.send-btn[data-v-80c92ee9]:disabled{opacity:.5;cursor:not-allowed}.live-room[data-v-9bb7195f]{display:flex;flex-direction:column;height:100vh;background:#000;position:relative;overflow:hidden}.video-section[data-v-9bb7195f]{height:45vh;position:relative}.chat-section[data-v-9bb7195f]{flex:1;display:flex;flex-direction:column;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:0;overflow:hidden}.loading-screen[data-v-9bb7195f]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000e6;color:#fff;z-index:1000}.loading-spinner[data-v-9bb7195f]{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-9bb7195f 1s linear infinite}@keyframes spin-9bb7195f{to{transform:rotate(360deg)}}.loading-screen p[data-v-9bb7195f]{margin-top:20px;font-size:18px}.live-status-overlay[data-v-9bb7195f]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);z-index:10}.status-card[data-v-9bb7195f]{background:#fffffff2;border-radius:20px;padding:40px 60px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:500px;animation:fadeInScale-9bb7195f .5s ease-out}@keyframes fadeInScale-9bb7195f{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.status-icon[data-v-9bb7195f]{font-size:80px;margin-bottom:20px;animation:bounce-9bb7195f 2s ease-in-out infinite}@keyframes bounce-9bb7195f{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.status-card h2[data-v-9bb7195f]{font-size:32px;color:#333;margin-bottom:20px;font-weight:600}.status-info[data-v-9bb7195f]{margin:20px 0;padding:20px;background:#667eea1a;border-radius:12px}.status-info p[data-v-9bb7195f]{margin:10px 0;font-size:16px;color:#555;line-height:1.6}.start-time[data-v-9bb7195f]{font-weight:600;color:#667eea;font-size:18px}.countdown[data-v-9bb7195f]{font-size:24px;font-weight:700;color:#764ba2;margin-top:15px}.status-message[data-v-9bb7195f]{font-size:16px;color:#666;margin-top:10px}.loading-dots[data-v-9bb7195f]{display:flex;justify-content:center;gap:8px;margin-top:20px}.loading-dots span[data-v-9bb7195f]{width:12px;height:12px;border-radius:50%;background:#667eea;animation:dotPulse-9bb7195f 1.5s ease-in-out infinite}.loading-dots span[data-v-9bb7195f]:nth-child(2){animation-delay:.2s}.loading-dots span[data-v-9bb7195f]:nth-child(3){animation-delay:.4s}@keyframes dotPulse-9bb7195f{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}