/* Inherits the original course font, background and palette. */
.course-video-nav{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 12px;border:1px solid rgba(98,92,59,.24);border-radius:999px;background:rgba(255,253,248,.65);color:#4d4830;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}
.course-video-nav:hover,.course-video-nav:focus-visible{background:#625c3b;color:#fffdf8}
.course-directory-video{display:block!important;margin:-3px 0 8px 14px!important;padding:5px 9px!important;color:#625c3b!important;font-size:12px!important;border-left:2px solid #a49c7c!important}
.secondary-entry .video-entry{margin-left:13px}
.course-video-main{max-width:1320px;margin:0 auto;padding-bottom:68px}.course-video-hero{padding-right:24px!important}.course-video-intro{max-width:780px;margin:18px 0 0;color:#625c3b;line-height:1.7}.course-video-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.course-video-hero-actions a{display:inline-flex;align-items:center;min-height:38px;padding:7px 15px;border:1px solid rgba(98,92,59,.3);border-radius:999px;color:#4d4830;background:#fffdf8cf;text-decoration:none;font-weight:750}.course-video-hero-actions a:hover{background:#625c3b;color:#fffdf8}
.course-video-section{margin:22px auto;padding:25px;border:1px solid rgba(98,92,59,.18);border-radius:20px;background:rgba(255,253,248,.83);box-shadow:0 16px 35px rgba(57,49,32,.09)}.course-video-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.course-video-eyebrow{font-size:11px;letter-spacing:.13em;color:#827963;font-weight:800;margin:0 0 6px}.course-video-section h2{margin:0;font-size:28px}.course-video-count{font-weight:800;color:#4d4830}.course-video-count span{font-size:13px;font-weight:500;color:#706957}.course-video-note{margin:14px 0 22px;color:#6c6557;font-size:13px;line-height:1.65}
.course-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.course-video-card{min-width:0;overflow:hidden;border:1px solid #d9d0bd;border-radius:13px;background:#fffdf8;box-shadow:0 6px 18px rgba(57,49,32,.07)}.course-video-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#dad3be,#8b8f70);color:#fff}.course-video-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.course-video-thumb img[hidden]{display:none}.video-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:23px;font-weight:900}.video-duration{position:absolute;right:9px;bottom:9px;z-index:2;padding:3px 6px;border-radius:4px;background:#242115c9;color:#fff;font-size:12px}.course-video-info{padding:13px 15px 16px}.course-video-meta{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center;color:#746d5e;font-size:12px}.video-band{border-radius:99px;background:#e4ebd5;color:#43583b;font-weight:900;padding:3px 8px}.video-band[data-band="进阶"]{background:#eee5cd;color:#6e5a2e}.video-band[data-band="挑战"]{background:#eee0dc;color:#7a493f}.course-video-card h3{font-size:18px;line-height:1.4;margin:11px 0;min-height:50px}.course-video-card h3 a{color:#242115;text-decoration:none}.course-video-card h3 a:hover{text-decoration:underline}.video-focus{display:block;font-size:12px;color:#726a59;min-height:22px}.course-video-words{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px;min-height:26px}.course-video-words span,.course-video-words small{display:inline-block;padding:4px 7px;border-radius:8px;background:#f2ece0;color:#554f3d;font-size:11px;line-height:1.2}.course-video-words small{font-weight:800}.course-video-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:14px}.course-video-actions a{color:#4d4830;font-weight:750;font-size:13px;text-decoration:none}.course-video-actions a:hover{text-decoration:underline}.course-video-more{margin-top:20px}.course-video-more summary{cursor:pointer;padding:12px 16px;border:1px solid #d9d0bd;border-radius:11px;background:#f5efe5;font-weight:800;color:#4d4830}.course-video-more[open] summary{margin-bottom:16px}
@media(max-width:1000px){.course-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-video-section-head{display:block}.course-video-count{margin-top:8px}}@media(max-width:680px){.course-video-grid{grid-template-columns:1fr}.course-video-section{padding:16px;margin:13px 0}.course-video-main{padding-bottom:46px}.course-video-hero{padding-right:20px!important}.course-video-nav{font-size:12px;padding:4px 8px}.course-video-card h3{min-height:0}}
