.course-list-page[data-v-2d7e6ddd]{max-width:1200px;margin:0 auto;background-color:#f5f5f5;min-height:100vh;padding:20px}.header[data-v-2d7e6ddd]{background-color:#005cb2;color:#fff;position:sticky;top:0;z-index:100;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:8px 8px 0 0}.header-content[data-v-2d7e6ddd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 24px;position:relative;max-width:1200px;margin:0 auto}.back-btn[data-v-2d7e6ddd]{position:absolute;left:24px;color:#fff;font-size:16px;padding:0}.header h1[data-v-2d7e6ddd]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;font-size:24px;font-weight:500;text-align:center;padding:0 60px}.category-filter[data-v-2d7e6ddd]{margin:10px 0;border-radius:8px;overflow-x:auto;white-space:nowrap}.category-filter .ant-radio-group[data-v-2d7e6ddd]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.category-filter .ant-radio-button-wrapper[data-v-2d7e6ddd]{margin-right:8px;white-space:nowrap}.course-list-container[data-v-2d7e6ddd]{padding:24px;background-color:#fff;border-radius:0 0 8px 8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.empty-container[data-v-2d7e6ddd],.loading-container[data-v-2d7e6ddd]{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;min-height:400px;background-color:#fff;border-radius:8px;padding:40px}.loading-container p[data-v-2d7e6ddd]{margin-top:16px;color:#999;font-size:16px}.course-grid[data-v-2d7e6ddd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.course-card[data-v-2d7e6ddd]{background-color:#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);-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;border:1px solid #eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.course-card[data-v-2d7e6ddd]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 6px 16px rgba(0,0,0,.15);box-shadow:0 6px 16px rgba(0,0,0,.15);border-color:#005cb2}.cover-image[data-v-2d7e6ddd]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.course-card:hover .cover-image[data-v-2d7e6ddd]{-webkit-transform:scale(1.05);transform:scale(1.05)}.cover-placeholder[data-v-2d7e6ddd]{font-size:16px;background-color:#e0e0e0}.course-card-content[data-v-2d7e6ddd]{padding:24px;-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}.course-title[data-v-2d7e6ddd]{margin:0 0 16px 0;font-size:20px;font-weight:500;color:#333;line-height:1.4}.course-description[data-v-2d7e6ddd]{margin:0;font-size:15px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1}.category-filter[data-v-2d7e6ddd]{background-color:#fff;padding:16px 24px;margin-bottom:0;border-radius:0;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.filter-content[data-v-2d7e6ddd]{max-width:1200px;margin:0 auto}.course-cover[data-v-2d7e6ddd]{width:100%;height:200px;overflow:hidden;background-color:#f0f0f0}.course-cover img[data-v-2d7e6ddd]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.course-card:hover .course-cover img[data-v-2d7e6ddd]{-webkit-transform:scale(1.05);transform:scale(1.05)}.cover-placeholder[data-v-2d7e6ddd]{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;background-color:#e8e8e8;color:#666;font-size:18px;font-weight:500;text-align:center;padding:20px}@media (max-width:768px){.course-list-page[data-v-2d7e6ddd]{padding:0;max-width:750px}.header-content[data-v-2d7e6ddd]{padding:12px 16px}.back-btn[data-v-2d7e6ddd]{left:16px;font-size:16px}.header h1[data-v-2d7e6ddd]{font-size:18px;padding:0 40px}.category-filter[data-v-2d7e6ddd]{padding:12px 16px;margin:8px 0}.course-list-container[data-v-2d7e6ddd]{padding:16px}.empty-container[data-v-2d7e6ddd],.loading-container[data-v-2d7e6ddd]{min-height:300px;padding:20px}.loading-container p[data-v-2d7e6ddd]{font-size:14px}.course-grid[data-v-2d7e6ddd]{grid-template-columns:1fr;gap:16px}.course-cover[data-v-2d7e6ddd]{height:180px}.course-card-content[data-v-2d7e6ddd]{padding:16px}.course-title[data-v-2d7e6ddd]{font-size:16px;margin-bottom:12px}.course-description[data-v-2d7e6ddd]{font-size:13px;-webkit-line-clamp:3}}@media (max-width:480px){.header-content[data-v-2d7e6ddd]{padding:10px 12px}.back-btn[data-v-2d7e6ddd]{left:12px}.header h1[data-v-2d7e6ddd]{font-size:16px}.category-filter[data-v-2d7e6ddd]{padding:8px 12px}.course-list-container[data-v-2d7e6ddd]{padding:12px}.course-cover[data-v-2d7e6ddd]{height:150px}.course-card-content[data-v-2d7e6ddd]{padding:14px}.course-title[data-v-2d7e6ddd]{font-size:15px}}