.free-course-detail-page-module__RiLWtq__page{color:#171925;background:#f4f5f7;min-height:100vh;font-family:Microsoft YaHei UI,PingFang SC,Arial,sans-serif}.free-course-detail-page-module__RiLWtq__page *{box-sizing:border-box}.free-course-detail-page-module__RiLWtq__shell{width:min(1160px,100% - 48px);margin:0 auto}.free-course-detail-page-module__RiLWtq__back{color:#555b68;background:#fff;border:1px solid #e0e3e9;border-radius:7px;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.free-course-detail-page-module__RiLWtq__back:hover{color:#4c4bea;border-color:#b8baf2}.free-course-detail-page-module__RiLWtq__back svg{width:16px}.free-course-detail-page-module__RiLWtq__hero{background:#fff;border-bottom:1px solid #e1e4ea}.free-course-detail-page-module__RiLWtq__hero>.free-course-detail-page-module__RiLWtq__shell{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:center;gap:42px;min-height:460px;padding:36px 0;display:grid}.free-course-detail-page-module__RiLWtq__heroMedia,.free-course-detail-page-module__RiLWtq__heroMediaFallback{background:#171925;border-radius:8px;min-width:0;overflow:hidden}.free-course-detail-page-module__RiLWtq__heroMedia video{aspect-ratio:16/9;object-fit:contain;background:#171925;width:100%;display:block}.free-course-detail-page-module__RiLWtq__heroMedia>div{color:#fff;background:#20222f;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 16px;display:flex}.free-course-detail-page-module__RiLWtq__heroMedia>div span{color:#c9f456;flex:none;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.free-course-detail-page-module__RiLWtq__heroMedia>div span svg{width:16px;height:16px}.free-course-detail-page-module__RiLWtq__heroMedia>div strong{color:#f4f5f7;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.free-course-detail-page-module__RiLWtq__heroMediaFallback{aspect-ratio:16/9;position:relative}.free-course-detail-page-module__RiLWtq__cover{aspect-ratio:4/3;color:#fff;background:#302f8b;border-radius:8px;flex-direction:column;justify-content:flex-end;width:100%;padding:24px;display:flex;position:relative;overflow:hidden}.free-course-detail-page-module__RiLWtq__heroMediaFallback .free-course-detail-page-module__RiLWtq__cover{aspect-ratio:auto;border-radius:0;height:100%}.free-course-detail-page-module__RiLWtq__cover[data-cover=blue]{background:#245c85}.free-course-detail-page-module__RiLWtq__cover[data-cover=cyan]{background:#176f75}.free-course-detail-page-module__RiLWtq__cover[data-cover=navy]{background:#252b42}.free-course-detail-page-module__RiLWtq__cover[data-cover=paper]{color:#252936;background:#eceef2}.free-course-detail-page-module__RiLWtq__cover img{object-fit:cover}.free-course-detail-page-module__RiLWtq__cover span,.free-course-detail-page-module__RiLWtq__cover strong,.free-course-detail-page-module__RiLWtq__cover small{z-index:1;position:relative}.free-course-detail-page-module__RiLWtq__cover span{font-size:11px;font-weight:800}.free-course-detail-page-module__RiLWtq__cover strong{overflow-wrap:anywhere;margin-top:10px;font-size:20px;line-height:1.45}.free-course-detail-page-module__RiLWtq__cover small{color:#ffffffc7;margin-top:8px;font-size:10px}.free-course-detail-page-module__RiLWtq__cover[data-cover=paper] small{color:#6c7280}.free-course-detail-page-module__RiLWtq__heroMediaFallback>p{color:#f4f5f7;background:#171925e6;border-radius:6px;align-items:center;gap:7px;max-width:calc(100% - 28px);min-height:34px;margin:0;padding:7px 10px;font-size:11px;line-height:1.5;display:flex;position:absolute;bottom:14px;right:14px}.free-course-detail-page-module__RiLWtq__heroMediaFallback>p svg{color:#c9f456;flex:none;width:15px;height:15px}.free-course-detail-page-module__RiLWtq__heroCopy{min-width:0}.free-course-detail-page-module__RiLWtq__tags{flex-wrap:wrap;gap:6px;display:flex}.free-course-detail-page-module__RiLWtq__tags span{color:#4746ca;background:#f5f5ff;border:1px solid #d7d9fa;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:800}.free-course-detail-page-module__RiLWtq__heroCopy h1{overflow-wrap:anywhere;margin:12px 0 10px;font-size:30px;line-height:1.35}.free-course-detail-page-module__RiLWtq__heroCopy>p{color:#5f6674;max-width:68ch;margin:0;font-size:13px;line-height:1.8}.free-course-detail-page-module__RiLWtq__heroCopy dl{gap:30px;margin:22px 0 0;display:flex}.free-course-detail-page-module__RiLWtq__heroCopy dt{color:#707684;align-items:center;gap:5px;font-size:10px;display:flex}.free-course-detail-page-module__RiLWtq__heroCopy dt svg{width:14px}.free-course-detail-page-module__RiLWtq__heroCopy dd{margin:5px 0 0;font-size:12px;font-weight:800}.free-course-detail-page-module__RiLWtq__courseIntro{border-top:1px solid #e1e4ea;margin-top:22px;padding-top:18px}.free-course-detail-page-module__RiLWtq__courseIntro strong{color:#303541;font-size:12px}.free-course-detail-page-module__RiLWtq__courseIntro p{color:#5f6674;margin:7px 0 0;font-size:12px;line-height:1.75}.free-course-detail-page-module__RiLWtq__heroCopy>.free-course-detail-page-module__RiLWtq__enrollAction{width:min(260px,100%);margin-top:18px}.free-course-detail-page-module__RiLWtq__enrollAction{color:#fff;width:100%;min-height:42px;font:inherit;cursor:pointer;background:#4c4bea;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:11px;font-weight:900;text-decoration:none;display:flex}.free-course-detail-page-module__RiLWtq__enrollAction:hover:not(:disabled){background:#3f3ecb}.free-course-detail-page-module__RiLWtq__enrollAction:disabled{color:#686f7c;cursor:wait;background:#d9dbe2}.free-course-detail-page-module__RiLWtq__enrollAction svg{width:15px}.free-course-detail-page-module__RiLWtq__layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;padding:18px 0 64px;display:grid}.free-course-detail-page-module__RiLWtq__details,.free-course-detail-page-module__RiLWtq__lessons,.free-course-detail-page-module__RiLWtq__preview,.free-course-detail-page-module__RiLWtq__aside section{background:#fff;border:1px solid #e1e4ea;border-radius:8px}.free-course-detail-page-module__RiLWtq__details{grid-column:1;padding:22px}.free-course-detail-page-module__RiLWtq__details>header{border-bottom:1px solid #e6e8ed;padding-bottom:15px}.free-course-detail-page-module__RiLWtq__details h2,.free-course-detail-page-module__RiLWtq__lessons h2,.free-course-detail-page-module__RiLWtq__preview h2,.free-course-detail-page-module__RiLWtq__aside h2{margin:0;font-size:15px}.free-course-detail-page-module__RiLWtq__details>header p{color:#707684;margin:5px 0 0;font-size:10px}.free-course-detail-page-module__RiLWtq__details>div{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;display:grid}.free-course-detail-page-module__RiLWtq__details article{border-bottom:1px solid #eceef2;padding:17px 0}.free-course-detail-page-module__RiLWtq__details h3{margin:0 0 7px;font-size:12px}.free-course-detail-page-module__RiLWtq__details article p{color:#5c6472;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.8}.free-course-detail-page-module__RiLWtq__lessons{grid-column:1;overflow:hidden}.free-course-detail-page-module__RiLWtq__lessons header{border-bottom:1px solid #e5e7ed;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:18px 22px;display:flex}.free-course-detail-page-module__RiLWtq__lessons header p{color:#707684;margin:5px 0 0;font-size:10px}.free-course-detail-page-module__RiLWtq__progressSummary{color:#4c4bea;white-space:nowrap;font-size:11px}.free-course-detail-page-module__RiLWtq__lessonList{flex-direction:column;display:flex}.free-course-detail-page-module__RiLWtq__lesson{width:100%;min-height:82px;color:inherit;text-align:left;font:inherit;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eceef2;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 22px;display:grid}.free-course-detail-page-module__RiLWtq__lesson:last-child{border-bottom:0}.free-course-detail-page-module__RiLWtq__lesson:hover{background:#f8f8ff}.free-course-detail-page-module__RiLWtq__lessonActive{z-index:1;outline-offset:-1px;background:#f4f4ff;outline:1px solid #b9b8f6;position:relative}.free-course-detail-page-module__RiLWtq__lesson>b{color:#4c4bea;font-size:10px}.free-course-detail-page-module__RiLWtq__lessonCopy{min-width:0}.free-course-detail-page-module__RiLWtq__lessonCopy>strong{overflow-wrap:anywhere;font-size:12px;display:block}.free-course-detail-page-module__RiLWtq__lessonCopy>small{color:#707684;overflow-wrap:anywhere;margin-top:5px;font-size:10px;line-height:1.6;display:block}.free-course-detail-page-module__RiLWtq__lessonMeta{color:#707684;white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.free-course-detail-page-module__RiLWtq__lessonMeta em{color:#4b4aaa;background:#f6f6fc;border:1px solid #d8d9ef;border-radius:5px;padding:3px 6px;font-style:normal;font-weight:800}.free-course-detail-page-module__RiLWtq__lessonMeta svg{color:#4f9257;width:15px;height:15px}.free-course-detail-page-module__RiLWtq__preview{grid-column:1;padding:22px;scroll-margin-top:18px}.free-course-detail-page-module__RiLWtq__previewHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.free-course-detail-page-module__RiLWtq__previewHeader small{color:#4c4bea;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.free-course-detail-page-module__RiLWtq__previewHeader>span{color:#3f6326;white-space:nowrap;background:#eef5db;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:800}.free-course-detail-page-module__RiLWtq__previewSummary{color:#5f6574;margin:10px 0 18px;font-size:11px;line-height:1.7}.free-course-detail-page-module__RiLWtq__mediaPlayer{background:#171925;border-top:1px solid #e5e7ed;border-bottom:1px solid #e5e7ed;min-width:0;margin-bottom:18px}.free-course-detail-page-module__RiLWtq__mediaHeading{color:#4c4bea;background:#f6f7f9;align-items:center;gap:10px;min-width:0;min-height:58px;padding:10px 14px;display:flex}.free-course-detail-page-module__RiLWtq__mediaHeading>svg{flex:none;width:20px;height:20px}.free-course-detail-page-module__RiLWtq__mediaHeading>span{gap:3px;min-width:0;display:grid}.free-course-detail-page-module__RiLWtq__mediaHeading strong{color:#303541;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.free-course-detail-page-module__RiLWtq__mediaHeading small{color:#707684;overflow-wrap:anywhere;font-size:10px}.free-course-detail-page-module__RiLWtq__mediaPlayer video{aspect-ratio:16/9;object-fit:contain;background:#171925;width:100%;max-height:560px;display:block}.free-course-detail-page-module__RiLWtq__audioPlayer{background:#f6f7f9;padding-bottom:14px}.free-course-detail-page-module__RiLWtq__audioPlayer audio{width:calc(100% - 28px);min-height:44px;margin:0 14px;display:block}.free-course-detail-page-module__RiLWtq__reading{background:#fafbfc;border-top:1px solid #e5e7ed;border-bottom:1px solid #e5e7ed;min-height:160px;padding:20px}.free-course-detail-page-module__RiLWtq__reading p{color:#343946;white-space:pre-wrap;overflow-wrap:anywhere;max-width:72ch;margin:0;font-size:12px;line-height:1.9}.free-course-detail-page-module__RiLWtq__reading p+p{color:#707684;margin-top:14px}.free-course-detail-page-module__RiLWtq__previewActions{align-items:center;gap:14px;margin-top:18px;display:flex}.free-course-detail-page-module__RiLWtq__previewActions .free-course-detail-page-module__RiLWtq__enrollAction{width:max-content}.free-course-detail-page-module__RiLWtq__completeButton{color:#202516;min-height:40px;font:inherit;cursor:pointer;background:#c9f456;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:11px;font-weight:900;display:inline-flex}.free-course-detail-page-module__RiLWtq__completeButton:hover:not(:disabled){background:#b8e83f}.free-course-detail-page-module__RiLWtq__completeButton:disabled{color:#707684;cursor:not-allowed;background:#eef0f2}.free-course-detail-page-module__RiLWtq__completeButton svg{width:15px}.free-course-detail-page-module__RiLWtq__storageError{color:#596273;max-width:570px;margin:0;font-size:10px;line-height:1.6}.free-course-detail-page-module__RiLWtq__emptyState{color:#707684;background:#fafbfc;margin:18px 0 0;padding:20px;font-size:12px}.free-course-detail-page-module__RiLWtq__aside{flex-direction:column;grid-area:1/2/span 3;gap:12px;display:flex}.free-course-detail-page-module__RiLWtq__aside section{padding:18px}.free-course-detail-page-module__RiLWtq__aside ul{margin:12px 0 0;padding:0;list-style:none}.free-course-detail-page-module__RiLWtq__aside li{color:#555b68;gap:7px;margin-top:9px;font-size:10px;line-height:1.6;display:flex}.free-course-detail-page-module__RiLWtq__aside li svg{color:#5da765;flex:none;width:14px}.free-course-detail-page-module__RiLWtq__aside .free-course-detail-page-module__RiLWtq__notice{background:#f8f8ff;border-color:#dedefe}.free-course-detail-page-module__RiLWtq__aside p{color:#666c79;margin:8px 0 0;font-size:10px;line-height:1.7}.free-course-detail-page-module__RiLWtq__aside>a{color:#fff;background:#4c4bea;border-radius:7px;justify-content:center;align-items:center;height:42px;font-size:11px;font-weight:900;text-decoration:none;display:flex}.free-course-detail-page-module__RiLWtq__page a:focus-visible,.free-course-detail-page-module__RiLWtq__page button:focus-visible{outline-offset:2px;outline:3px solid #4c4bea40}@media (max-width:960px){.free-course-detail-page-module__RiLWtq__hero>.free-course-detail-page-module__RiLWtq__shell{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:28px;min-height:400px}}@media (max-width:760px){.free-course-detail-page-module__RiLWtq__shell{width:calc(100% - 24px)}.free-course-detail-page-module__RiLWtq__back{height:44px}.free-course-detail-page-module__RiLWtq__back svg{display:none}.free-course-detail-page-module__RiLWtq__hero>.free-course-detail-page-module__RiLWtq__shell{grid-template-columns:1fr;gap:22px;min-height:0;padding:20px 0 28px}.free-course-detail-page-module__RiLWtq__heroMedia>div{min-height:52px;padding:9px 12px}.free-course-detail-page-module__RiLWtq__heroMediaFallback{aspect-ratio:16/9}.free-course-detail-page-module__RiLWtq__heroCopy h1{font-size:22px}.free-course-detail-page-module__RiLWtq__heroCopy dl{flex-wrap:wrap;gap:18px}.free-course-detail-page-module__RiLWtq__heroCopy>.free-course-detail-page-module__RiLWtq__enrollAction{width:100%;min-height:44px}.free-course-detail-page-module__RiLWtq__layout{grid-template-columns:1fr;padding-bottom:40px}.free-course-detail-page-module__RiLWtq__details,.free-course-detail-page-module__RiLWtq__lessons,.free-course-detail-page-module__RiLWtq__preview,.free-course-detail-page-module__RiLWtq__aside{grid-area:auto/1}.free-course-detail-page-module__RiLWtq__aside{order:-1}.free-course-detail-page-module__RiLWtq__details>div{grid-template-columns:1fr}.free-course-detail-page-module__RiLWtq__lessons header,.free-course-detail-page-module__RiLWtq__previewHeader,.free-course-detail-page-module__RiLWtq__previewActions{flex-direction:column;align-items:flex-start}.free-course-detail-page-module__RiLWtq__lesson{grid-template-columns:28px minmax(0,1fr);min-height:96px;padding:15px}.free-course-detail-page-module__RiLWtq__lessonMeta{grid-column:2}.free-course-detail-page-module__RiLWtq__mediaHeading{min-height:64px}.free-course-detail-page-module__RiLWtq__mediaPlayer video{max-height:none}.free-course-detail-page-module__RiLWtq__audioPlayer audio{width:calc(100% - 20px);margin:0 10px}.free-course-detail-page-module__RiLWtq__previewActions,.free-course-detail-page-module__RiLWtq__previewActions .free-course-detail-page-module__RiLWtq__enrollAction,.free-course-detail-page-module__RiLWtq__completeButton{width:100%}.free-course-detail-page-module__RiLWtq__completeButton,.free-course-detail-page-module__RiLWtq__enrollAction{min-height:44px}.free-course-detail-page-module__RiLWtq__storageError{font-size:11px}}@media (prefers-reduced-motion:reduce){.free-course-detail-page-module__RiLWtq__page *{scroll-behavior:auto}}