*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5}#app{min-height:100vh;height:100vh;overflow:hidden}.video-list[data-v-0bd2a6a4]{padding:0;height:100%;overflow:hidden}.list-container[data-v-0bd2a6a4]{display:flex;height:100%;position:relative}.category-sidebar[data-v-0bd2a6a4]{width:150px;background:#fff;border-right:1px solid #e0e0e0;padding:0;overflow-y:auto;flex-shrink:0;position:fixed;left:0;top:0;bottom:0;height:100vh;z-index:10}.score-type-filter[data-v-0bd2a6a4]{padding:0 1rem;margin-bottom:1rem;border-bottom:1px solid #e0e0e0;padding-bottom:1rem}.filter-item[data-v-0bd2a6a4]{padding:.5rem .75rem;margin-bottom:.5rem;cursor:pointer;border-radius:6px;font-size:.875rem;text-align:center;transition:all .3s;color:#666;background:#f5f5f5}.filter-item.active[data-v-0bd2a6a4],.filter-item[data-v-0bd2a6a4]:hover{background-color:#fff4ed;color:#ed6d00}.filter-item.active[data-v-0bd2a6a4]{font-weight:500}.category-list[data-v-0bd2a6a4]{list-style:none;padding:0;margin:0}.category-item[data-v-0bd2a6a4]{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .3s;border-left:3px solid transparent}.category-item[data-v-0bd2a6a4]:hover{background-color:#f5f5f5}.category-item.active[data-v-0bd2a6a4]{background-color:#fff4ed;border-left-color:#ed6d00;color:#ed6d00}.category-name[data-v-0bd2a6a4]{font-size:.9375rem;font-weight:500}.video-content[data-v-0bd2a6a4]{flex:1;padding:2rem;overflow-y:auto;background:#f5f5f5;margin-left:150px;height:100vh}.video-grid[data-v-0bd2a6a4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.video-card[data-v-0bd2a6a4]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:transform .3s,box-shadow .3s}.video-card[data-v-0bd2a6a4]:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.video-thumbnail[data-v-0bd2a6a4]{position:relative;width:100%;padding-top:56.25%;background:#000;overflow:hidden}.video-thumbnail img[data-v-0bd2a6a4]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;display:block}.video-info[data-v-0bd2a6a4]{padding:.5rem 1rem}.video-title[data-v-0bd2a6a4]{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#333}.video-description[data-v-0bd2a6a4],.video-title[data-v-0bd2a6a4]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description[data-v-0bd2a6a4]{font-size:.875rem;color:#666;margin-bottom:.75rem}.video-meta[data-v-0bd2a6a4]{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#999;margin-top:.5rem}.video-score[data-v-0bd2a6a4]{color:#ed6d00;font-weight:500}.video-student[data-v-0bd2a6a4]{color:#000;font-weight:500}.loading[data-v-0bd2a6a4]{text-align:center;padding:4rem 2rem;color:#999;font-size:1.125rem}.loading-more[data-v-0bd2a6a4],.no-more[data-v-0bd2a6a4]{text-align:center;padding:2rem;color:#999;font-size:.9375rem}.no-results[data-v-0bd2a6a4]{text-align:center;padding:4rem 2rem;color:#999;font-size:1.125rem}.mobile-score-type-filter[data-v-0bd2a6a4]{display:none}@media (max-width:768px){.video-list[data-v-0bd2a6a4]{height:100%;display:flex;flex-direction:column}.mobile-score-type-filter[data-v-0bd2a6a4]{display:flex;position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:1px solid #e0e0e0;padding:.75rem 1rem;z-index:20;box-shadow:0 2px 4px rgba(0,0,0,.05)}.mobile-score-type-filter .filter-item[data-v-0bd2a6a4]{flex:1;padding:.5rem .75rem;margin:0 .25rem;cursor:pointer;border-radius:6px;font-size:.875rem;text-align:center;transition:all .3s;color:#666;background:#f5f5f5}.mobile-score-type-filter .filter-item[data-v-0bd2a6a4]:first-child{margin-left:0}.mobile-score-type-filter .filter-item[data-v-0bd2a6a4]:last-child{margin-right:0}.mobile-score-type-filter .filter-item[data-v-0bd2a6a4]:hover{background-color:#fff4ed;color:#ed6d00}.mobile-score-type-filter .filter-item.active[data-v-0bd2a6a4]{background-color:#fff4ed;color:#ed6d00;font-weight:500}.list-container[data-v-0bd2a6a4]{flex-direction:row;margin-top:0;height:100vh}.category-sidebar[data-v-0bd2a6a4]{width:90px;padding:0;border-right:1px solid #e0e0e0;position:fixed;left:0;top:60px;bottom:0;height:calc(100vh - 60px)}.video-content[data-v-0bd2a6a4]{margin-left:90px;margin-top:60px;padding-top:0;height:calc(100vh - 60px)}.score-type-filter[data-v-0bd2a6a4]{display:none}.category-item[data-v-0bd2a6a4]{padding:.625rem .5rem;flex-direction:column;align-items:center;text-align:center;border-left:none;border-bottom:2px solid transparent}.category-item.active[data-v-0bd2a6a4]{border-left:none;border-bottom-color:#ed6d00;background-color:#fff4ed}.category-name[data-v-0bd2a6a4]{font-size:.75rem}.video-content[data-v-0bd2a6a4]{padding:0 1rem 1rem 1rem}.video-grid[data-v-0bd2a6a4]{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:480px){.mobile-score-type-filter[data-v-0bd2a6a4]{padding:.5rem .75rem}.mobile-score-type-filter .filter-item[data-v-0bd2a6a4]{font-size:.75rem;padding:.375rem .5rem;margin:0 .125rem}.category-sidebar[data-v-0bd2a6a4]{width:80px;position:fixed;left:0;top:60px;bottom:0;height:calc(100vh - 60px)}.video-content[data-v-0bd2a6a4]{margin-left:80px}.category-name[data-v-0bd2a6a4]{font-size:.6875rem}}.video-detail[data-v-60be17f4]{padding:1.5rem;height:100%;overflow-y:auto;background:#f5f5f5}.detail-container[data-v-60be17f4]{max-width:1200px;margin:0 auto}.back-button[data-v-60be17f4]{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:.625rem 1.25rem;cursor:pointer;font-size:.875rem;color:#333;margin-bottom:1.25rem;transition:all .3s}.back-button[data-v-60be17f4]:hover{border-color:#ed6d00;color:#ed6d00}.video-player-section[data-v-60be17f4]{margin-bottom:1.5rem}.video-wrapper[data-v-60be17f4]{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:12px;overflow:hidden}.video-player[data-v-60be17f4]{position:absolute;top:0;left:0;width:100%;height:100%}.video-content[data-v-60be17f4]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:1.5rem}.video-info[data-v-60be17f4]{padding:0}.video-meta[data-v-60be17f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:2px solid #f0f0f0;flex-wrap:nowrap}.meta-left[data-v-60be17f4]{flex:1;min-width:0}.video-student[data-v-60be17f4]{color:#000;font-weight:600;font-size:1.5rem;letter-spacing:.3px;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-right[data-v-60be17f4]{margin-left:1.25rem;flex-shrink:0}.campus-badge[data-v-60be17f4]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#fff4ed,#ffe8d6);border:1px solid #ffd4a3;border-radius:20px;font-size:.875rem;white-space:nowrap}.campus-icon[data-v-60be17f4]{font-size:1rem}.campus-value[data-v-60be17f4]{color:#ed6d00;font-weight:600}.video-scores[data-v-60be17f4]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.875rem;background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:8px;border:1px solid #e8e8e8}.score-item[data-v-60be17f4]{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;background:#fff;border-radius:6px;border-left:3px solid #ed6d00;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .3s ease}.score-item[data-v-60be17f4]:hover{box-shadow:0 4px 12px rgba(237,109,0,.15);transform:translateX(4px);border-left-width:4px}.score-label[data-v-60be17f4]{color:#333;font-size:.875rem;font-weight:500;letter-spacing:.2px}.score-value[data-v-60be17f4]{color:#ed6d00;font-weight:700;font-size:.9375rem;min-width:80px;text-align:right;letter-spacing:.3px}.video-description-section[data-v-60be17f4]{margin-top:0}.description-title[data-v-60be17f4]{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#333}.video-description[data-v-60be17f4]{font-size:.9375rem;color:#666;line-height:1.6;margin:0}.related-videos[data-v-60be17f4]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:1.5rem}.related-list[data-v-60be17f4]{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem}.related-card[data-v-60be17f4]{display:flex;flex-direction:column;cursor:pointer;transition:all .3s;padding:.5rem;border-radius:6px;background:#f9f9f9;border:2px solid transparent}.related-card[data-v-60be17f4]:hover{background-color:#fff4ed;transform:translateY(-2px);box-shadow:0 4px 12px rgba(237,109,0,.15)}.related-card.is-active[data-v-60be17f4]{background-color:#fff4ed;border-color:#ed6d00}.related-thumbnail[data-v-60be17f4]{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.related-thumbnail img[data-v-60be17f4]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.related-info[data-v-60be17f4]{flex:1;display:flex;align-items:flex-start}.related-meta[data-v-60be17f4]{font-size:.8125rem;width:100%}.related-title-text[data-v-60be17f4]{color:#000;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:.8125rem}.play-icon[data-v-60be17f4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:rgba(237,109,0,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;opacity:0;transition:opacity .3s;z-index:1}.related-card:hover .play-icon[data-v-60be17f4]{opacity:1}.loading[data-v-60be17f4]{color:#999}.error[data-v-60be17f4],.loading[data-v-60be17f4]{text-align:center;padding:4rem 2rem;font-size:1.125rem}.error[data-v-60be17f4]{color:#f56c6c}.error .back-button[data-v-60be17f4]{margin-top:1.5rem}@media (max-width:768px){.video-detail[data-v-60be17f4]{padding:.5rem}.related-videos[data-v-60be17f4],.video-content[data-v-60be17f4]{padding:1rem}.video-meta[data-v-60be17f4]{flex-wrap:wrap;gap:.75rem}.video-student[data-v-60be17f4]{font-size:1.25rem;white-space:normal}.meta-right[data-v-60be17f4]{margin-left:0}.campus-badge[data-v-60be17f4]{font-size:.8125rem;padding:.4375rem .875rem}.video-scores[data-v-60be17f4]{padding:.75rem;gap:.5rem;margin-bottom:.875rem}.score-item[data-v-60be17f4]{padding:.5rem .625rem;flex-direction:column;align-items:flex-start;gap:.375rem}.score-label[data-v-60be17f4]{font-size:.8125rem}.score-value[data-v-60be17f4]{font-size:.875rem;min-width:auto;text-align:left}.video-campus[data-v-60be17f4]{padding:.625rem .75rem;font-size:.875rem}.related-list[data-v-60be17f4]{grid-template-columns:repeat(4,1fr);gap:.5rem}.related-card[data-v-60be17f4]{padding:.5rem}.related-thumbnail[data-v-60be17f4]{margin-bottom:.5rem}.related-meta[data-v-60be17f4]{font-size:.875rem}.related-title-text[data-v-60be17f4]{-webkit-line-clamp:2}}.video-list[data-v-7320af38]{padding:0;height:100%;overflow:hidden}.list-container[data-v-7320af38]{display:flex;height:100%;position:relative}.category-sidebar[data-v-7320af38]{width:150px;background:#fff;border-right:1px solid #e0e0e0;padding:0;overflow-y:auto;flex-shrink:0;position:fixed;left:0;top:0;bottom:0;height:100vh;z-index:10}.score-type-filter[data-v-7320af38]{padding:0 1rem;margin-bottom:1rem;border-bottom:1px solid #e0e0e0;padding-bottom:1rem}.filter-item[data-v-7320af38]{padding:.5rem .75rem;margin-bottom:.5rem;cursor:pointer;border-radius:6px;font-size:.875rem;text-align:center;transition:all .3s;color:#666;background:#f5f5f5}.filter-item.active[data-v-7320af38],.filter-item[data-v-7320af38]:hover{background-color:#fff4ed;color:#ed6d00}.filter-item.active[data-v-7320af38]{font-weight:500}.category-list[data-v-7320af38]{list-style:none;padding:0;margin:0}.category-item[data-v-7320af38]{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .3s;border-left:3px solid transparent}.category-item[data-v-7320af38]:hover{background-color:#f5f5f5}.category-item.active[data-v-7320af38]{background-color:#fff4ed;border-left-color:#ed6d00;color:#ed6d00}.category-name[data-v-7320af38]{font-size:.9375rem;font-weight:500}.video-content[data-v-7320af38]{flex:1;padding:2rem;overflow-y:auto;background:#f5f5f5;margin-left:150px;height:100vh}.video-grid[data-v-7320af38]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.video-card[data-v-7320af38]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:transform .3s,box-shadow .3s}.video-card[data-v-7320af38]:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.video-thumbnail[data-v-7320af38]{position:relative;width:100%;padding-top:56.25%;background:#000;overflow:hidden}.video-thumbnail img[data-v-7320af38]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;display:block}.video-info[data-v-7320af38]{padding:.5rem 1rem}.video-title[data-v-7320af38]{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#333}.video-description[data-v-7320af38],.video-title[data-v-7320af38]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description[data-v-7320af38]{font-size:.875rem;color:#666;margin-bottom:.75rem}.video-meta[data-v-7320af38]{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#999;margin-top:.5rem}.video-score[data-v-7320af38]{color:#ed6d00;font-weight:500}.video-student[data-v-7320af38]{color:#000;font-weight:500}.loading[data-v-7320af38]{text-align:center;padding:4rem 2rem;color:#999;font-size:1.125rem}.loading-more[data-v-7320af38],.no-more[data-v-7320af38]{text-align:center;padding:2rem;color:#999;font-size:.9375rem}.no-results[data-v-7320af38]{text-align:center;padding:4rem 2rem;color:#999;font-size:1.125rem}.mobile-score-type-filter[data-v-7320af38]{display:none}@media (max-width:768px){.video-list[data-v-7320af38]{height:100%;display:flex;flex-direction:column}.mobile-score-type-filter[data-v-7320af38]{display:flex;position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:1px solid #e0e0e0;padding:.75rem 1rem;z-index:20;box-shadow:0 2px 4px rgba(0,0,0,.05)}.mobile-score-type-filter .filter-item[data-v-7320af38]{flex:1;padding:.5rem .75rem;margin:0 .25rem;cursor:pointer;border-radius:6px;font-size:.875rem;text-align:center;transition:all .3s;color:#666;background:#f5f5f5}.mobile-score-type-filter .filter-item[data-v-7320af38]:first-child{margin-left:0}.mobile-score-type-filter .filter-item[data-v-7320af38]:last-child{margin-right:0}.mobile-score-type-filter .filter-item[data-v-7320af38]:hover{background-color:#fff4ed;color:#ed6d00}.mobile-score-type-filter .filter-item.active[data-v-7320af38]{background-color:#fff4ed;color:#ed6d00;font-weight:500}.list-container[data-v-7320af38]{flex-direction:row;margin-top:0;height:100vh}.category-sidebar[data-v-7320af38]{width:90px;padding:0;border-right:1px solid #e0e0e0;position:fixed;left:0;top:60px;bottom:0;height:calc(100vh - 60px)}.video-content[data-v-7320af38]{margin-left:90px;margin-top:60px;padding-top:0;height:calc(100vh - 60px)}.score-type-filter[data-v-7320af38]{display:none}.category-item[data-v-7320af38]{padding:.625rem .5rem;flex-direction:column;align-items:center;text-align:center;border-left:none;border-bottom:2px solid transparent}.category-item.active[data-v-7320af38]{border-left:none;border-bottom-color:#ed6d00;background-color:#fff4ed}.category-name[data-v-7320af38]{font-size:.75rem}.video-content[data-v-7320af38]{padding:0 1rem 1rem 1rem}.video-grid[data-v-7320af38]{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:480px){.mobile-score-type-filter[data-v-7320af38]{padding:.5rem .75rem}.mobile-score-type-filter .filter-item[data-v-7320af38]{font-size:.75rem;padding:.375rem .5rem;margin:0 .125rem}.category-sidebar[data-v-7320af38]{width:80px;position:fixed;left:0;top:60px;bottom:0;height:calc(100vh - 60px)}.video-content[data-v-7320af38]{margin-left:80px}.category-name[data-v-7320af38]{font-size:.6875rem}}