.room-item[data-v-010ab51c]{cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #ebeef5}.room-item[data-v-010ab51c]:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.room-content[data-v-010ab51c]{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}.room-info[data-v-010ab51c]{-webkit-box-flex:1;-ms-flex:1;flex:1}.room-title[data-v-010ab51c]{margin:0 0 5px 0;font-size:16px;font-weight:500}.room-meta[data-v-010ab51c]{margin:0;font-size:12px;color:#909399}.room-status[data-v-010ab51c]{margin-left:15px}.mb-3[data-v-010ab51c]{margin-bottom:1rem}.intro-card[data-v-fc3a496a]{background:linear-gradient(135deg,#e0f7fa,#f3e5f5);border:none;border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05);.card-header[data-v-fc3a496a]{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:15px;.page-title[data-v-fc3a496a]{margin:0;font-size:28px;font-weight:600;color:#5c6bc0;text-align:center}}.intro-content[data-v-fc3a496a]{padding:20px 0;.intro-text[data-v-fc3a496a]{color:#555;font-size:15px;line-height:1.7;margin-bottom:15px;text-align:justify}.action-buttons[data-v-fc3a496a]{margin-top:20px;text-align:center;.el-button[data-v-fc3a496a]{border-radius:25px;padding:12px 30px;font-size:16px;font-weight:500;background:linear-gradient(135deg,#5c6bc0,#3949ab);border:none;-webkit-box-shadow:0 4px 10px rgba(92,107,192,.3);box-shadow:0 4px 10px rgba(92,107,192,.3);&[data-v-fc3a496a]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 15px rgba(92,107,192,.4);box-shadow:0 6px 15px rgba(92,107,192,.4)}}}}}.search-card[data-v-fc3a496a]{margin-top:10px}.random-match-card[data-v-fc3a496a]{cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #ebeef5;background-color:#f0f9eb}.random-match-card[data-v-fc3a496a]:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.room-content[data-v-fc3a496a]{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}.room-info[data-v-fc3a496a]{-webkit-box-flex:1;-ms-flex:1;flex:1}.room-title[data-v-fc3a496a]{margin:0 0 5px 0;font-size:16px;font-weight:500}.room-meta[data-v-fc3a496a]{margin:0;font-size:12px;color:#909399}.room-status[data-v-fc3a496a]{margin-left:15px}.room-list[data-v-fc3a496a]{margin-top:20px}.mb-4[data-v-fc3a496a]{margin-bottom:1.5rem}@media (max-width:768px){.intro-card[data-v-fc3a496a]{.card-header[data-v-fc3a496a]{.page-title[data-v-fc3a496a]{font-size:24px}}.intro-content[data-v-fc3a496a]{.intro-text[data-v-fc3a496a]{font-size:14px}.action-buttons[data-v-fc3a496a]{.el-button[data-v-fc3a496a]{padding:10px 25px;font-size:15px}}}}}@media (max-width:480px){.intro-card[data-v-fc3a496a]{.card-header[data-v-fc3a496a]{.page-title[data-v-fc3a496a]{font-size:22px}}}}