.room-item[data-v-640ded1c]{width:100%;height:auto;background:#fff;border-radius:8px;border:1px solid #e1e3e7;cursor:pointer;box-sizing:border-box;display:flex;flex-direction:column;gap:0}.room-item .room-header[data-v-640ded1c]{height:25px;line-height:27px;padding:0 33px;box-sizing:border-box;color:#fff;font-size:14px;font-weight:500;border-top-left-radius:8px;border-top-right-radius:8px}.room-item img[data-v-640ded1c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0}.room-item .room-img[data-v-640ded1c]{position:relative;width:100%;overflow:hidden;background:#d9e9f6;color:#a8b8c5;font-size:14px;font-weight:700;text-align:center}.room-item .room-img[data-v-640ded1c]:before{content:"";display:block;padding-top:56.25%}.room-item .room-img .img-placeholder[data-v-640ded1c],.room-item .room-img img[data-v-640ded1c]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.room-item .class-info[data-v-640ded1c]{color:#666;font-size:12px;display:flex;justify-content:space-between;align-items:center;padding:2px 8px;box-sizing:border-box;width:100%;border-top:1px solid #f0f0f0}.room-item .class-info span[data-v-640ded1c]{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-item .class-info span[data-v-640ded1c]:nth-child(2){width:50%;text-align:right}.room-item .class-info span[data-v-640ded1c]:first-child{width:50%}.room-item .classroom-info[data-v-640ded1c]{color:#333;font-size:12px;display:flex;justify-content:space-between;align-items:center;padding:2px 8px;box-sizing:border-box;width:100%;border-top:1px solid #f0f0f0}.room-item .classroom-info .info-item[data-v-640ded1c]{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px}.room-item .classroom-info .info-item .iconfont[data-v-640ded1c]{font-size:16px;margin-left:3px}.room-item .classroom-info .info-item span[data-v-640ded1c]:has(.iconfont){display:flex;align-items:center;font-size:12px}.room-item .iconfont[data-v-640ded1c]{vertical-align:middle}.room-item.status0[data-v-640ded1c]{border:1px solid #409eff}.room-item.status0 .room-header[data-v-640ded1c]{background:#409eff}.room-item.status0 .class-info .iconfont[data-v-640ded1c],.room-item.status0 .classroom-info .iconfont[data-v-640ded1c]{color:#409eff}.room-item.status1[data-v-640ded1c]{border:1px solid #04c84f}.room-item.status1 .room-header[data-v-640ded1c]{background:#04c84f}.room-item.status1 .class-info .iconfont[data-v-640ded1c],.room-item.status1 .classroom-info .iconfont[data-v-640ded1c]{color:#04c84f}.room-item.status2[data-v-640ded1c]{border:1px solid #999!important}.room-item.status2 .room-header[data-v-640ded1c]{background:#999}.room-item.status2 .class-info .iconfont[data-v-640ded1c],.room-item.status2 .classroom-info .iconfont[data-v-640ded1c]{color:#999}.room-item.room-list-5n[data-v-640ded1c]{width:19%;margin-bottom:10px}.room-item.room-list-4n[data-v-640ded1c]{width:24%;margin-bottom:10px}.room-item.room-list-4n[data-v-640ded1c]:nth-child(4n){margin-right:0}.room-item.room-list-3n[data-v-640ded1c]{width:32%}.room-item.room-list-3n[data-v-640ded1c]:nth-child(3n){margin-right:0}.dark-theme.room-item[data-v-640ded1c]{background:#08192d;color:#e2e8f0;border:1px solid #1e3a5f;border-radius:8px;margin-right:1%;margin-bottom:1%;box-shadow:0 2px 12px rgba(0,12,30,.5);width:270px}.dark-theme.room-item .room-header[data-v-640ded1c]{height:28px;line-height:30px;padding:0 20px;border-bottom:1px solid transparent}.dark-theme.room-item .room-img[data-v-640ded1c]{background:#0a2444;color:#94a3b8;border-bottom:1px solid #1e3a5f}.dark-theme.room-item .room-img .img-placeholder[data-v-640ded1c]{background:rgba(14,36,64,.6)}.dark-theme.room-item img[data-v-640ded1c]{opacity:.92}.dark-theme.room-item .class-info[data-v-640ded1c]{color:inherit;padding:6px 12px;border-top:1px solid #1e3a5f;border-bottom:1px solid #1e3a5f}.dark-theme.room-item .class-info span[data-v-640ded1c]{color:#cbd5e1;font-size:13px}.dark-theme.room-item .class-info .iconfont[data-v-640ded1c]{margin-right:4px}.dark-theme.room-item .classroom-info[data-v-640ded1c]{color:inherit;padding:8px 12px;border-top:1px solid #161515}.dark-theme.room-item .classroom-info .info-item[data-v-640ded1c]{color:#94a3b8;gap:4px}.dark-theme.room-item .classroom-info .info-item span[data-v-640ded1c]:first-child{font-size:16px;font-weight:600;color:#e2e8f0}.dark-theme.room-item .classroom-info .info-item span[data-v-640ded1c]:last-child{font-size:12px}.dark-theme.room-item.status0[data-v-640ded1c]{border:1px solid #165dff!important}.dark-theme.room-item.status0 .room-header[data-v-640ded1c]{background:linear-gradient(90deg,#0f48c9,#165dff);border-bottom:1px solid #4080ff}.dark-theme.room-item.status0 .class-info .iconfont[data-v-640ded1c],.dark-theme.room-item.status0 .classroom-info .iconfont[data-v-640ded1c]{color:#69b1ff!important}.dark-theme.room-item.status1[data-v-640ded1c]{border:1px solid #00cf96!important}.dark-theme.room-item.status1 .room-header[data-v-640ded1c]{background:linear-gradient(90deg,#00a870,#00cf96);border-bottom:1px solid #36e5b7}.dark-theme.room-item.status1 .class-info .iconfont[data-v-640ded1c],.dark-theme.room-item.status1 .classroom-info .iconfont[data-v-640ded1c]{color:#5cdbd3!important}.dark-theme.room-item.status2[data-v-640ded1c]{border:1px solid #2d4159!important}.dark-theme.room-item.status2 .room-header[data-v-640ded1c]{background:linear-gradient(90deg,#3a536b,#5c6e83);border-bottom:1px solid #8a9cad}.dark-theme.room-item.status2 .class-info .iconfont[data-v-640ded1c],.dark-theme.room-item.status2 .classroom-info .iconfont[data-v-640ded1c]{color:#a0aec0!important}.dark-theme.room-item.status2 .room-img[data-v-640ded1c]{opacity:.7}.dark-theme .classroom-info .info-item:first-child span[data-v-640ded1c]:first-child{color:#f472b6!important}.dark-theme .classroom-info .info-item:nth-child(2) span[data-v-640ded1c]:first-child{color:#69b1ff!important}.dark-theme .classroom-info .info-item:nth-child(3) span[data-v-640ded1c]:first-child{color:#34d399!important}.dark-theme .classroom-info .info-item:nth-child(4) span[data-v-640ded1c]:first-child{color:#a78bfa!important}