.room-item[data-v-3006312f]{cursor:pointer;-webkit-transition:var(--transition,all .2s ease);transition:var(--transition,all .2s ease);border:var(--card-border,1px solid #ebeef5);border-radius:var(--radius-sm,12px);background:var(--bg-surface,#fffcf8);margin-bottom:0;overflow:hidden}.room-item[data-v-3006312f]:hover{-webkit-box-shadow:var(--card-shadow-md,0 12px 28px -8px rgba(0,0,0,.06));box-shadow:var(--card-shadow-md,0 12px 28px -8px rgba(0,0,0,.06));-webkit-transform:translateY(-2px);transform:translateY(-2px);border-color:var(--accent-primary,#d9b48b)}.room-available[data-v-3006312f]{border-left:3px solid var(--accent-amber,#e2c7a3)}.room-connected[data-v-3006312f]{border-left:3px solid var(--color-success,#a7c0a7)}.room-content[data-v-3006312f]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:4px 0}.room-avatar[data-v-3006312f],.room-content[data-v-3006312f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.room-avatar[data-v-3006312f]{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent-amber,#e2c7a3),var(--accent-primary,#d9b48b));-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;font-size:.9rem;font-weight:600;color:var(--text-primary,#2f2a24);margin-right:12px}.room-connected .room-avatar[data-v-3006312f]{background:linear-gradient(135deg,var(--color-success,#a7c0a7),#8baf99)}.room-info[data-v-3006312f]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.room-title[data-v-3006312f]{margin:0 0 4px 0;font-size:.95rem;font-weight:500;color:var(--text-primary,#2f2a24);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-meta[data-v-3006312f]{margin:0;font-size:.75rem;color:var(--text-muted,#8f7e6c);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.meta-tag[data-v-3006312f]{display:inline-block;padding:1px 6px;border-radius:4px;background:var(--tag-bg,#f3efe8);color:var(--text-muted,#8f7e6c);font-size:.7rem}.meta-active[data-v-3006312f]{background:rgba(167,192,167,.2);color:#6b8f6b}.meta-time[data-v-3006312f]{opacity:.8}.room-status[data-v-3006312f]{margin-left:12px;-ms-flex-negative:0;flex-shrink:0}.status-dot[data-v-3006312f]{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent-amber,#e2c7a3);-webkit-animation:pulse-3006312f 2s ease-in-out infinite;animation:pulse-3006312f 2s ease-in-out infinite}.status-dot-active[data-v-3006312f]{background:var(--color-success,#a7c0a7);-webkit-animation:pulse-active-3006312f 1.5s ease-in-out infinite;animation:pulse-active-3006312f 1.5s ease-in-out infinite}@-webkit-keyframes pulse-3006312f{0%,to{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes pulse-3006312f{0%,to{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes pulse-active-3006312f{0%,to{opacity:.6;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes pulse-active-3006312f{0%,to{opacity:.6;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.3);transform:scale(1.3)}}.mb-3[data-v-3006312f]{margin-bottom:12px}@media (max-width:768px){.room-avatar[data-v-3006312f]{width:34px;height:34px;font-size:.8rem}.room-title[data-v-3006312f]{font-size:.875rem}}.mb-4[data-v-3904ef72]{margin-bottom:20px}.text-center[data-v-3904ef72]{text-align:center}.intro-card[data-v-3904ef72]{border-radius:var(--radius-sm);-webkit-box-shadow:var(--card-shadow-sm);box-shadow:var(--card-shadow-sm);border:var(--card-border);background:var(--bg-surface);-webkit-transition:var(--transition);transition:var(--transition);overflow:hidden}.intro-card[data-v-3904ef72]:hover{-webkit-box-shadow:var(--card-shadow-md);box-shadow:var(--card-shadow-md);border-color:var(--accent-primary)}[data-v-3904ef72] .intro-card .el-card__header{background:linear-gradient(135deg,var(--accent-amber),var(--accent-primary));border-bottom:none;padding:18px 20px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.card-header[data-v-3904ef72]{text-align:center}.page-title[data-v-3904ef72]{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-inverse);letter-spacing:1px}.intro-content[data-v-3904ef72]{padding:24px;position:relative}.intro-decoration[data-v-3904ef72]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin-bottom:16px}.deco-icon[data-v-3904ef72]{font-size:1.3rem;opacity:.7;-webkit-animation:float-3904ef72 3s ease-in-out infinite;animation:float-3904ef72 3s ease-in-out infinite}.deco-icon[data-v-3904ef72]:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.deco-icon[data-v-3904ef72]:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes float-3904ef72{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@keyframes float-3904ef72{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}.intro-text[data-v-3904ef72]{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.8;margin-bottom:12px;text-align:justify;text-indent:2em}.intro-subtitle[data-v-3904ef72]{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center;margin:16px 0 0;padding-top:16px;border-top:1px dashed var(--border-soft)}.intro-link[data-v-3904ef72]{color:var(--accent-primary-dark);cursor:pointer;text-decoration:none;font-weight:500;-webkit-transition:var(--transition);transition:var(--transition);white-space:nowrap}.intro-link[data-v-3904ef72]:hover{color:var(--accent-primary);text-decoration:underline}.action-buttons[data-v-3904ef72]{margin-top:20px}[data-v-3904ef72] .action-buttons .el-button--primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-amber));border:none;border-radius:var(--btn-radius);padding:10px 36px;font-weight:500;-webkit-transition:var(--transition);transition:var(--transition);color:var(--text-primary);letter-spacing:.5px}[data-v-3904ef72] .action-buttons .el-button--primary:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 16px rgba(217,180,139,.3);box-shadow:0 6px 16px rgba(217,180,139,.3)}.search-card[data-v-3904ef72]{margin-top:8px}[data-v-3904ef72] .search-card .el-input__inner{background:var(--input-bg);border-color:var(--input-border);border-radius:var(--btn-radius) 0 0 var(--btn-radius);-webkit-transition:var(--transition);transition:var(--transition)}[data-v-3904ef72] .search-card .el-input__inner:focus{border-color:var(--accent-primary);-webkit-box-shadow:0 0 0 3px var(--input-focus-glow);box-shadow:0 0 0 3px var(--input-focus-glow)}[data-v-3904ef72] .search-card .el-input-group__append{background:linear-gradient(135deg,var(--accent-primary),var(--accent-amber));border-color:var(--input-border);border-radius:0 var(--btn-radius) var(--btn-radius) 0;color:var(--text-primary);font-weight:500}.custom-tabs[data-v-3904ef72] .el-tabs__header{margin-bottom:0}.custom-tabs[data-v-3904ef72] .el-tabs__nav-wrap:after{background-color:var(--border-soft)}.custom-tabs[data-v-3904ef72] .el-tabs__item{color:var(--text-muted);font-size:var(--font-size-base);font-weight:500;-webkit-transition:var(--transition);transition:var(--transition)}.custom-tabs[data-v-3904ef72] .el-tabs__item.is-active,.custom-tabs[data-v-3904ef72] .el-tabs__item:hover{color:var(--accent-primary-dark)}.custom-tabs[data-v-3904ef72] .el-tabs__active-bar{background-color:var(--accent-primary);height:3px;border-radius:3px 3px 0 0}.random-match-card[data-v-3904ef72]{cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);border:var(--card-border);background:linear-gradient(135deg,var(--bg-soft),var(--bg-surface));margin-bottom:20px;border-radius:var(--radius-sm);border-left:3px solid var(--accent-primary);overflow:hidden}.random-match-card[data-v-3904ef72]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--card-shadow-sm);box-shadow:var(--card-shadow-sm);border-color:var(--accent-primary)}.random-match-card .room-content[data-v-3904ef72]{padding:14px 16px}.match-icon-wrap[data-v-3904ef72]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-amber),var(--accent-primary));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;margin-right:12px}.match-icon[data-v-3904ef72]{font-size:1.2rem}.room-content[data-v-3904ef72]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px}.room-info[data-v-3904ef72]{-webkit-box-flex:1;-ms-flex:1;flex:1}.room-title[data-v-3904ef72]{margin:0 0 4px;font-size:var(--font-size-md);font-weight:500;color:var(--text-primary)}.room-meta[data-v-3904ef72]{margin:0;font-size:var(--font-size-xs);color:var(--text-muted)}.room-status .el-tag[data-v-3904ef72]{background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary-dark);border-radius:var(--btn-radius);font-size:var(--font-size-xs)}.room-list[data-v-3904ef72]{margin-top:8px}.room-list>div[data-v-3904ef72]{-webkit-animation:fadeSlideIn-3904ef72 .5s ease both;animation:fadeSlideIn-3904ef72 .5s ease both}.room-list>div[data-v-3904ef72]:nth-child(2){-webkit-animation-delay:.05s;animation-delay:.05s}.room-list>div[data-v-3904ef72]:nth-child(3){-webkit-animation-delay:.1s;animation-delay:.1s}.room-list>div[data-v-3904ef72]:nth-child(4){-webkit-animation-delay:.15s;animation-delay:.15s}.room-list>div[data-v-3904ef72]:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}.room-list>div[data-v-3904ef72]:nth-child(6){-webkit-animation-delay:.25s;animation-delay:.25s}@-webkit-keyframes fadeSlideIn-3904ef72{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeSlideIn-3904ef72{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.empty-state[data-v-3904ef72]{text-align:center;padding:48px 20px;background:var(--bg-soft);border-radius:var(--radius-sm);border:1px dashed var(--border-light)}.empty-icon[data-v-3904ef72]{font-size:2.5rem;margin-bottom:12px;opacity:.6}.empty-title[data-v-3904ef72]{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:500;margin-bottom:6px}.empty-desc[data-v-3904ef72]{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:20px}.footer-hint[data-v-3904ef72]{margin-top:32px;padding:16px 20px;background:var(--bg-soft);border-radius:var(--radius-sm);border:1px solid var(--border-soft);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.footer-hint-icon[data-v-3904ef72]{font-size:1.2rem;-ms-flex-negative:0;flex-shrink:0}.footer-hint-text[data-v-3904ef72]{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.footer-hint-link[data-v-3904ef72]{color:var(--accent-primary-dark);cursor:pointer;text-decoration:none;font-weight:500;-webkit-transition:var(--transition);transition:var(--transition)}.footer-hint-link[data-v-3904ef72]:hover{color:var(--accent-primary);text-decoration:underline}@media (max-width:768px){.mb-4[data-v-3904ef72]{margin-bottom:12px}[data-v-3904ef72] .intro-card .el-card__header{padding:12px 16px}.page-title[data-v-3904ef72]{font-size:var(--font-size-lg)}.intro-content[data-v-3904ef72]{padding:12px 16px}.intro-decoration[data-v-3904ef72]{display:none}.intro-text[data-v-3904ef72]{font-size:var(--font-size-sm);line-height:1.6;margin-bottom:6px}.intro-text[data-v-3904ef72]:last-of-type{display:none}.intro-subtitle[data-v-3904ef72]{margin:8px 0 0;padding-top:8px;font-size:var(--font-size-xs)}.action-buttons[data-v-3904ef72]{margin-top:12px}[data-v-3904ef72] .action-buttons .el-button--primary{padding:8px 24px;font-size:var(--font-size-sm)}.search-card[data-v-3904ef72]{margin-top:0}.room-title[data-v-3904ef72]{font-size:var(--font-size-base)}.match-icon-wrap[data-v-3904ef72]{width:34px;height:34px}.random-match-card[data-v-3904ef72]{margin-bottom:12px}.empty-state[data-v-3904ef72]{padding:28px 16px}.footer-hint[data-v-3904ef72]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:6px;margin-top:20px;padding:12px 16px}}@media (max-width:480px){.intro-content[data-v-3904ef72]{padding:10px 14px}.intro-text[data-v-3904ef72]{font-size:var(--font-size-xs);margin-bottom:4px}.intro-subtitle[data-v-3904ef72]{font-size:var(--font-size-xs);margin:6px 0 0;padding-top:6px}.action-buttons[data-v-3904ef72]{margin-top:10px}[data-v-3904ef72] .action-buttons .el-button--primary{padding:7px 20px;font-size:var(--font-size-xs)}}