.salon-courses .banner[data-v-9e3d96f0]{background:url(/img-salonCourses-bg-01.png) no-repeat center center;background-size:cover;height:300px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.salon-courses .banner[data-v-9e3d96f0]{height:200px}}.salon-courses .courses-section[data-v-9e3d96f0]{padding:60px 0 80px;background:#fff}.salon-courses .courses-section .page-main-title[data-v-9e3d96f0]{font-size:28px;font-weight:600;color:#333;text-align:center;margin:0 0 30px}.salon-courses .courses-section .recommendation-header[data-v-9e3d96f0]{display:flex;align-items:center;justify-content:flex-start;margin-bottom:40px;font-size:16px}.salon-courses .courses-section .recommendation-header .header-text[data-v-9e3d96f0]{font-weight:700;margin-right:10px}.salon-courses .courses-section .recommendation-header .iconfont[data-v-9e3d96f0]{font-size:24px;color:#fd6a02}.salon-courses .courses-section .courses-list .course-col[data-v-9e3d96f0]{margin-bottom:30px}.salon-courses .courses-section .courses-list .course-card[data-v-9e3d96f0]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s;position:relative;height:100%;display:flex;flex-direction:column}.salon-courses .courses-section .courses-list .course-card[data-v-9e3d96f0]:hover{box-shadow:0 4px 16px #fd6a0233;transform:translateY(-5px)}.salon-courses .courses-section .courses-list .course-card:hover .course-hover[data-v-9e3d96f0]{opacity:1;visibility:visible}.salon-courses .courses-section .courses-list .course-card.finished .course-hover[data-v-9e3d96f0]{opacity:.7;visibility:visible}.salon-courses .courses-section .courses-list .course-card .course-image[data-v-9e3d96f0]{width:100%;overflow:hidden}.salon-courses .courses-section .courses-list .course-card .course-image img[data-v-9e3d96f0]{width:100%;height:auto;display:block}.salon-courses .courses-section .courses-list .course-card .course-info[data-v-9e3d96f0]{padding:20px;flex:1;display:flex;flex-direction:column}.salon-courses .courses-section .courses-list .course-card .course-info .course-title[data-v-9e3d96f0]{font-size:14px;font-weight:700;color:#333;line-height:1.6;margin-bottom:20px;min-height:44px}.salon-courses .courses-section .courses-list .course-card .course-info .course-meta[data-v-9e3d96f0]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999;margin-top:auto}.salon-courses .courses-section .courses-list .course-card .course-info .course-meta .course-time[data-v-9e3d96f0]{color:#fd6a02;flex:1}.salon-courses .courses-section .courses-list .course-card .course-info .course-meta .course-views[data-v-9e3d96f0]{flex:1;text-align:right}.salon-courses .courses-section .courses-list .course-card .course-info .course-meta .course-views .iconfont[data-v-9e3d96f0]{margin-right:5px}.salon-courses .courses-section .courses-list .course-card .course-hover[data-v-9e3d96f0]{position:absolute;inset:0;background:#fd6a02f2;opacity:0;visibility:hidden;transition:all .3s;display:flex;align-items:center;justify-content:center;padding:20px}.salon-courses .courses-section .courses-list .course-card .course-hover .hover-content[data-v-9e3d96f0]{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.salon-courses .courses-section .courses-list .course-card .course-hover .hover-content .hover-title[data-v-9e3d96f0]{color:#fff;font-size:14px;font-weight:700;margin-bottom:20px;text-align:center}.salon-courses .courses-section .courses-list .course-card .course-hover .hover-content .qr-code[data-v-9e3d96f0]{width:126px;height:126px;border-radius:8px}.salon-courses .courses-section .courses-list .course-card .course-hover .hover-finished[data-v-9e3d96f0]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fd690266;border-radius:15px}.salon-courses .courses-section .courses-list .course-card .course-hover .hover-finished .finished-badge[data-v-9e3d96f0]{border:1px solid #fff;padding:10px 25px;transform:rotate(325deg);margin-top:0;color:#fff;display:inline-block;background-color:#fd690266;font-size:18px;font-weight:700}@media(max-width:768px){.salon-courses .courses-section[data-v-9e3d96f0]{padding:40px 0}.salon-courses .courses-section .courses-list .course-col[data-v-9e3d96f0]{margin-bottom:20px}}