.live-room-living-card[data-v-42a7b2c0]{position:relative;background:#fff;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #e8e8e8}.live-room-living-card[data-v-42a7b2c0]:hover{-webkit-box-shadow:0 4px 16px rgba(0,0,0,.12);box-shadow:0 4px 16px rgba(0,0,0,.12);border-color:#d0d0d0}.card-content[data-v-42a7b2c0]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px;gap:20px}.avatar-section[data-v-42a7b2c0]{-ms-flex-negative:0;flex-shrink:0}.avatar-wrapper[data-v-42a7b2c0]{position:relative;width:100px}.avatar[data-v-42a7b2c0]{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);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;color:#fff;font-size:40px;border:3px solid #ff4d6d;-webkit-box-shadow:0 2px 8px rgba(255,77,109,.3);box-shadow:0 2px 8px rgba(255,77,109,.3)}.live-badge[data-v-42a7b2c0]{position:absolute;bottom:-5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#ff4d6d;color:#fff;font-size:12px;padding:3px 12px;border-radius:12px;font-weight:500;white-space:nowrap;-webkit-box-shadow:0 2px 6px rgba(255,77,109,.4);box-shadow:0 2px 6px rgba(255,77,109,.4)}.info-section[data-v-42a7b2c0]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;min-width:0}.header-row[data-v-42a7b2c0]{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;margin-bottom:4px}.broadcaster-name[data-v-42a7b2c0]{font-size:18px;font-weight:600;color:#303133;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-row[data-v-42a7b2c0]{line-height:1.6}.info-item[data-v-42a7b2c0],.info-row[data-v-42a7b2c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info-item[data-v-42a7b2c0]{font-size:14px}.info-item .label[data-v-42a7b2c0]{color:#909399;margin-right:10px;min-width:70px}.info-item .value[data-v-42a7b2c0]{color:#303133;font-weight:400}.stats-footer-row[data-v-42a7b2c0]{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;margin-left:-120px}.stats-row[data-v-42a7b2c0]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px;margin-bottom:12px}.stat-item[data-v-42a7b2c0]{text-align:center;min-width:70px}.stat-label[data-v-42a7b2c0]{font-size:11px;color:#909399;margin-bottom:4px;line-height:1.2}.stat-value[data-v-42a7b2c0]{font-size:16px;font-weight:600;line-height:1.2}.stat-value-dark[data-v-42a7b2c0]{color:#303133}.stat-value-link[data-v-42a7b2c0]{color:#5470ff;cursor:pointer;-webkit-transition:color .3s;transition:color .3s}.stat-value-link[data-v-42a7b2c0]:hover{color:#3855d9}.stat-item-clickable[data-v-42a7b2c0]{cursor:pointer}.footer-row[data-v-42a7b2c0]{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;padding-top:8px;border-top:1px solid #f0f0f0}.view-link[data-v-42a7b2c0]{color:#5470ff;font-size:14px;cursor:pointer;text-decoration:none;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}.view-link[data-v-42a7b2c0]:hover{color:#3855d9;text-decoration:underline}@media (max-width:768px){.card-content[data-v-42a7b2c0]{padding:16px;gap:16px}.avatar-wrapper[data-v-42a7b2c0]{width:80px}.avatar[data-v-42a7b2c0]{width:80px;height:80px;font-size:32px}.broadcaster-name[data-v-42a7b2c0]{font-size:16px}.info-item[data-v-42a7b2c0]{font-size:13px}.info-item .label[data-v-42a7b2c0]{margin-right:20px;min-width:60px}.stats-footer-row[data-v-42a7b2c0]{margin-left:-100px;padding-left:100px}.stats-row[data-v-42a7b2c0]{gap:12px}.stat-item[data-v-42a7b2c0]{min-width:70px}.stat-value[data-v-42a7b2c0]{font-size:18px}.stat-label[data-v-42a7b2c0]{font-size:11px}.footer-row[data-v-42a7b2c0]{margin-left:16px}}@media (max-width:480px){.card-content[data-v-42a7b2c0]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px;gap:12px}.avatar-section[data-v-42a7b2c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header-row[data-v-42a7b2c0]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px}.header-row .el-button[data-v-42a7b2c0]{width:100%}.info-item .label[data-v-42a7b2c0]{margin-right:16px;min-width:56px;font-size:12px}.info-item .value[data-v-42a7b2c0]{font-size:12px}.stats-row[data-v-42a7b2c0]{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.stat-item[data-v-42a7b2c0]{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 4px);flex:0 0 calc(50% - 4px)}}.live-room-living-grid[data-v-df4f0c44]{width:100%}.loading-container[data-v-df4f0c44]{padding:20px 0}.loading-wrapper[data-v-df4f0c44]{min-height:280px;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}.skeleton-grid[data-v-df4f0c44]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.skeleton-card[data-v-df4f0c44]{background:#fff;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.skeleton-header[data-v-df4f0c44]{height:50px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f0f0f0),color-stop(50%,#e0e0e0),color-stop(75%,#f0f0f0));background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;-webkit-animation:shimmer-df4f0c44 1.5s infinite;animation:shimmer-df4f0c44 1.5s infinite}.skeleton-body[data-v-df4f0c44]{padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.skeleton-avatar[data-v-df4f0c44]{width:48px;height:48px;border-radius:50%;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f0f0f0),color-stop(50%,#e0e0e0),color-stop(75%,#f0f0f0));background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;-webkit-animation:shimmer-df4f0c44 1.5s infinite;animation:shimmer-df4f0c44 1.5s infinite;-ms-flex-negative:0;flex-shrink:0}.skeleton-lines[data-v-df4f0c44]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.skeleton-line[data-v-df4f0c44]{height:16px;border-radius:4px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f0f0f0),color-stop(50%,#e0e0e0),color-stop(75%,#f0f0f0));background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;-webkit-animation:shimmer-df4f0c44 1.5s infinite;animation:shimmer-df4f0c44 1.5s infinite}.skeleton-line.short[data-v-df4f0c44]{width:60%}@-webkit-keyframes shimmer-df4f0c44{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer-df4f0c44{0%{background-position:200% 0}to{background-position:-200% 0}}.living-cards-scroll-container[data-v-df4f0c44]{width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding-bottom:12px;margin-bottom:8px;position:relative}.living-cards-wrapper[data-v-df4f0c44]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:16px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:280px;padding-right:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.living-cards-wrapper>[data-v-df4f0c44]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:450px;min-width:450px;max-width:450px}.empty-state[data-v-df4f0c44]{text-align:center;padding:60px 20px;color:#606266;background:#fafafa;border-radius:12px}.empty-icon[data-v-df4f0c44]{font-size:72px;color:#c0c4cc;margin-bottom:20px;opacity:.6}.empty-title[data-v-df4f0c44]{font-size:18px;font-weight:600;color:#303133;margin-bottom:12px}.empty-desc[data-v-df4f0c44]{font-size:14px;color:#909399;line-height:1.5;max-width:400px;margin:0 auto}.loading-more-card[data-v-df4f0c44],.no-more-card[data-v-df4f0c44]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f5f7fa;border-radius:12px;padding:20px;min-width:200px;color:#909399}.loading-more-card i[data-v-df4f0c44],.no-more-card i[data-v-df4f0c44]{font-size:32px;margin-bottom:8px}.loading-text[data-v-df4f0c44],.no-more-text[data-v-df4f0c44]{font-size:14px}.no-more-card[data-v-df4f0c44]{background:#f0f9ff;color:#67c23a}.living-cards-scroll-container[data-v-df4f0c44]::-webkit-scrollbar{height:10px}.living-cards-scroll-container[data-v-df4f0c44]::-webkit-scrollbar-track{background:#e8e8e8;border-radius:5px;margin:0 8px}.living-cards-scroll-container[data-v-df4f0c44]::-webkit-scrollbar-thumb{background:#409eff;border-radius:5px;border:2px solid #e8e8e8}.living-cards-scroll-container[data-v-df4f0c44]::-webkit-scrollbar-thumb:hover{background:#66b1ff}.living-cards-scroll-container[data-v-df4f0c44]{scrollbar-width:thin;scrollbar-color:#409eff #e8e8e8}@media (min-width:2000px){.living-cards-wrapper>[data-v-df4f0c44]{width:480px;min-width:480px;max-width:480px}}@media (min-width:1201px) and (max-width:1999px){.living-cards-wrapper>[data-v-df4f0c44]{width:450px;min-width:450px;max-width:450px}}@media (max-width:1200px){.living-cards-wrapper>[data-v-df4f0c44]{width:400px;min-width:400px;max-width:400px}}@media (max-width:768px){.living-cards-scroll-container[data-v-df4f0c44],.living-cards-wrapper[data-v-df4f0c44]{gap:12px}.living-cards-wrapper>[data-v-df4f0c44]{width:320px;min-width:320px;max-width:320px}.loading-wrapper[data-v-df4f0c44]{min-height:240px}.empty-state[data-v-df4f0c44]{padding:40px 16px}.empty-icon[data-v-df4f0c44]{font-size:56px}.empty-title[data-v-df4f0c44]{font-size:16px}.empty-desc[data-v-df4f0c44]{font-size:13px}}@media (max-width:480px){.living-cards-scroll-container[data-v-df4f0c44],.living-cards-wrapper[data-v-df4f0c44]{gap:8px}.living-cards-wrapper>[data-v-df4f0c44]{width:280px;min-width:280px;max-width:280px}.loading-wrapper[data-v-df4f0c44]{min-height:200px}.empty-state[data-v-df4f0c44]{padding:32px 12px}.empty-icon[data-v-df4f0c44]{font-size:48px}.loading-more-card[data-v-df4f0c44],.no-more-card[data-v-df4f0c44]{min-width:150px;padding:16px}}