.family-lab-container[data-v-9ee0acde]{background:#f1f5f9;height:800px;padding:0 20px 20px;overflow:hidden}.family-lab-container .container[data-v-9ee0acde]{max-width:1300px;margin:0 auto;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.family-lab-container .exhibition-header[data-v-9ee0acde]{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:10px;padding:24px 20px 22px;margin-bottom:10px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.04);box-shadow:0 4px 16px rgba(0,0,0,.04);border:1px solid #e9edf2;position:relative;overflow:hidden}.family-lab-container .exhibition-header[data-v-9ee0acde]:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(59,130,246,.04),transparent 70%);border-radius:50%;z-index:1}.family-lab-container .exhibition-header[data-v-9ee0acde]:after{content:"";position:absolute;bottom:-80px;left:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(16,185,129,.04),transparent 70%);border-radius:50%}.family-lab-container .exhibition-header .header-content[data-v-9ee0acde]{position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.family-lab-container .exhibition-header .header-content .header-title-group[data-v-9ee0acde]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.family-lab-container .exhibition-header .header-content .header-title-group .header-title[data-v-9ee0acde]{font-size:1.1rem;font-weight:600;letter-spacing:1px;color:#0f172a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin:0}.family-lab-container .exhibition-header .header-content .header-title-group .header-title .accent[data-v-9ee0acde]{color:#3b82f6}.family-lab-container .exhibition-header .header-content .header-title-group .header-sub[data-v-9ee0acde]{font-size:.95rem;color:#64748b;font-weight:500;margin-top:4px}.family-lab-container .exhibition-header .header-content .header-badge[data-v-9ee0acde]{background:#1e293b;color:#f8fafc;padding:8px 24px;border-radius:40px;font-size:.85rem;font-weight:600;letter-spacing:1.5px}.family-lab-container .exhibition-header .grade-tabs[data-v-9ee0acde]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid #e9edf2;position:relative;z-index:3}.family-lab-container .exhibition-header .grade-tabs .grade-tab[data-v-9ee0acde]{padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;color:#64748b;background:#f1f5f9;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;position:relative;z-index:4}.family-lab-container .exhibition-header .grade-tabs .grade-tab[data-v-9ee0acde]:hover{color:#3b82f6;background:#eef2ff}.family-lab-container .exhibition-header .grade-tabs .grade-tab.active[data-v-9ee0acde]{color:#fff;background:#3b82f6}.family-lab-container .exhibition-header .exhibition-stats[data-v-9ee0acde]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px 40px;margin-top:14px;padding-top:14px;border-top:1px solid #e9edf2;position:relative;z-index:2}.family-lab-container .exhibition-header .exhibition-stats .stat-item[data-v-9ee0acde]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:.85rem;color:#475569}.family-lab-container .exhibition-header .exhibition-stats .stat-item .num[data-v-9ee0acde]{font-weight:700;color:#0f172a;font-size:1rem}.family-lab-container .exhibition-header .exhibition-stats .stat-divider[data-v-9ee0acde]{width:1px;height:20px;background:#e2e8f0}.family-lab-container .exhibition-grid[data-v-9ee0acde]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding-right:4px;-ms-flex-line-pack:start;align-content:start}.family-lab-container .exhibit-card[data-v-9ee0acde]{background:#fff;border-radius:16px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.04);box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid #e9edf2;cursor:pointer;-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease}.family-lab-container .exhibit-card[data-v-9ee0acde]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.07);box-shadow:0 8px 24px rgba(0,0,0,.07)}.family-lab-container .exhibit-card .card-img[data-v-9ee0acde]{position:relative;width:100%;height:175px;overflow:hidden;background:#f0f2f5}.family-lab-container .exhibit-card .card-img img[data-v-9ee0acde]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.family-lab-container .exhibit-card .card-img .card-img-placeholder[data-v-9ee0acde]{width:100%;height:100%;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;font-size:48px;color:#ccc}.family-lab-container .exhibit-card .card-img .card-num[data-v-9ee0acde]{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;padding:1px 9px;border-radius:6px;font-weight:600}.family-lab-container .exhibit-card .card-img .card-play-btn[data-v-9ee0acde]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:44px;color:hsla(0,0%,100%,.85)}.family-lab-container .exhibit-card .card-body[data-v-9ee0acde]{padding:8px 12px 10px}.family-lab-container .exhibit-card .card-body .card-title[data-v-9ee0acde]{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-lab-container .exhibit-card .card-body .card-info[data-v-9ee0acde]{font-size:12px;color:#888;line-height:1.6}.family-lab-container .pagination-wrap[data-v-9ee0acde]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:12px 0}.family-lab-container .detail-content .detail-media[data-v-9ee0acde]{margin-bottom:20px;border-radius:12px;overflow:hidden;background:#f1f5f9;min-height:200px;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}.family-lab-container .detail-content .detail-media img[data-v-9ee0acde]{max-width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain}.family-lab-container .detail-content .detail-media .detail-placeholder[data-v-9ee0acde]{font-size:80px;color:rgba(0,0,0,.1)}.family-lab-container .detail-content .detail-media .detail-thumbnail[data-v-9ee0acde]{width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;cursor:pointer}.family-lab-container .detail-content .detail-media .play-icon[data-v-9ee0acde]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:60px;color:hsla(0,0%,100%,.9);cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.family-lab-container .detail-content .detail-media .play-icon[data-v-9ee0acde]:hover{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}.family-lab-container .video-content .detail-video[data-v-9ee0acde]{width:100%;max-height:500px;background:#000}.family-lab-container .video-content .video-placeholder[data-v-9ee0acde]{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;padding:60px;color:#999}@media (max-width:1024px){.family-lab-container .exhibition-grid[data-v-9ee0acde]{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){.family-lab-container .family-lab-container[data-v-9ee0acde]{padding:16px 12px}.family-lab-container .exhibition-header[data-v-9ee0acde]{padding:20px}.family-lab-container .exhibition-header .header-content[data-v-9ee0acde]{-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}.family-lab-container .exhibition-header .header-title[data-v-9ee0acde]{font-size:1.5rem}.family-lab-container .exhibition-header .exhibition-stats[data-v-9ee0acde]{gap:12px 20px;font-size:.8rem}.family-lab-container .exhibition-header .stat-divider[data-v-9ee0acde]{display:none}.family-lab-container .exhibition-grid[data-v-9ee0acde]{grid-template-columns:1fr;gap:16px}.family-lab-container .exhibition-footer[data-v-9ee0acde]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:8px}}