.course-intro{padding:24px 21px;background:linear-gradient(135deg,#1f4239,#365c49);color:#f5eddb;border-radius:18px;margin:8px 0 18px}.course-kicker{font-size:9px;letter-spacing:2px;color:#c7bd97}.course-intro h2{font:400 24px/1.65 var(--serif);margin:13px 0 8px;letter-spacing:1px}.course-intro>p{font-size:12px;color:#d2dfd1;line-height:1.9;margin:0}.course-summary{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:20px;padding-top:17px;gap:8px}.course-summary span{font-size:10px;line-height:1.7;color:#c7d6c7}.course-summary b{display:block;font:400 22px/1.3 var(--serif);color:#f3e1b5;margin-bottom:4px}.course-view-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:20px 0 13px}.course-view-tabs button{flex:1;min-height:43px;border-bottom:2px solid transparent;font-size:12px;color:#7e8d7b}.course-view-tabs button.active{border-color:#335b49;color:#254838;font-weight:600}.course-levels{display:flex;gap:7px;overflow-x:auto;padding:7px 0 13px;margin-bottom:12px;scrollbar-width:thin}.course-levels button{flex:0 0 auto;border:1px solid #dfe4d7;background:#fff;border-radius:11px;min-width:44px;min-height:41px;font-size:12px;color:#657c60;padding:8px 11px}.course-levels button.active{background:#264b3d;border-color:#264b3d;color:#faf4e7}.course-stage,.course-lesson,.course-exercise,.course-selfcheck,.course-note,.institution-card,.course-resource-grid article{border:1px solid #e5e6da;background:#fffdf8;border-radius:15px;padding:20px;margin-bottom:13px}.course-stage-number{font-size:11px;color:#9d8050;letter-spacing:2px}.course-stage h3{font:400 23px/1.6 var(--serif);margin:9px 0 11px;color:#263e32}.course-stage p{font-size:13px;line-height:1.95;color:#697663;margin:0}.course-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.course-tags span{padding:5px 9px;border:1px solid #e5e8dd;border-radius:5px;font-size:10px;color:#6d8166;background:#f6f8f0}.course-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0 13px}.course-label h3,.course-note h3{font:400 19px/1.4 var(--serif);margin:0;color:#2c4937}.course-label small,.course-label>span{font-size:10px;color:#8b977d}.course-lesson{display:flex;gap:12px;padding:19px 16px}.course-step{font:400 19px var(--serif);color:#b19b68;flex-shrink:0}.course-lesson>div{min-width:0}.course-lesson h4,.course-exercise h4,.course-repertoire h4,.institution-card h4,.course-resource-grid h4{font-size:15px;font-weight:500;line-height:1.7;margin:0 0 10px;color:#355240}.course-lesson p,.course-lesson li,.course-detail li,.course-repertoire p,.course-exercise p,.institution-card p,.course-resource-grid p{font-size:12px;line-height:1.95;color:#667a61;overflow-wrap:anywhere}.course-lesson ol,.course-detail ol,.course-detail ul{padding-left:19px;margin:12px 0 3px}.course-lesson li,.course-detail li{margin:7px 0}.course-listen-check{background:#eef3e9;border-radius:8px;padding:12px;margin-top:14px}.course-listen-check b{font-size:10px;font-weight:500;color:#45673a}.course-listen-check p{margin:5px 0 0;font-size:11px}.course-exercise{background:#f0f4e9;border-color:#dde5d1}.course-exercise>div{display:flex;gap:9px;margin-top:14px}.course-exercise button{flex:1;min-height:42px;font-size:11px;padding:9px}.course-small{font-size:11px!important;line-height:1.9!important;color:#7a8971!important;margin:11px 0}.course-small a,.institution-sources a,.course-song-actions>a,.course-resource-grid a{color:#466f50;text-decoration:underline;text-decoration-color:#cbd6bd;text-underline-offset:4px;font-size:11px;line-height:1.8}.course-repertoire article{background:#fff;border:1px solid #e4e8dc;border-radius:13px;padding:17px;margin-bottom:11px}.course-song-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.course-song-head h4{font-family:var(--serif);font-size:19px;margin:0}.course-song-head>span{font-size:9px;color:#8d9c7f;white-space:nowrap}.course-version{font-size:11px;color:#a28655;margin-top:9px}.course-song-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.course-song-actions .secondary{font-size:11px;min-height:41px;padding:8px 10px}.course-repertoire p>b{font-weight:500;color:#456043}.course-detail{border:1px solid #e1e5d8;border-radius:12px;background:#fafbf6;padding:15px;margin:14px 0}.course-stage .course-detail{padding:12px;margin-bottom:0}.course-detail summary{font-size:12px;color:#4c6648;cursor:pointer;line-height:1.6}.course-detail p{font-size:12px;line-height:1.9;padding-top:8px}.course-selfcheck label{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.85;color:#657b5c;padding:9px 0;cursor:pointer}.course-selfcheck input{width:17px;height:17px;flex-shrink:0;margin-top:3px;accent-color:#31583f}.course-selfcheck .course-label{margin-top:0}.course-note p{font-size:11px;line-height:1.9;color:#89937e}.course-note textarea{width:100%;font-size:13px;line-height:1.8;resize:vertical;min-height:110px}.course-note>span{display:block;color:#8b977c;font-size:10px;line-height:1.8;margin-top:9px}.course-tools{display:flex;gap:7px}.course-tools button{flex:1;min-height:41px;font-size:11px;padding:8px}.course-next{width:100%;margin:21px 0 6px;min-height:45px;font-size:12px}.course-basis{padding:16px;background:#eef1e5;border-radius:10px}.institution-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.institution-card h4{font-family:var(--serif);font-size:19px;margin:0}.institution-card>div:first-child>span{font-size:9px;color:#988652;flex-shrink:0}.institution-repertoire{padding:13px;background:#f0f4e9;border-radius:10px;margin:13px 0}.institution-repertoire>b{font-size:11px;color:#4c7146}.institution-repertoire p{margin-bottom:0}.institution-sources{display:flex;flex-wrap:wrap;gap:8px;line-height:1.8;margin-top:15px}.institution-courses{border-left:2px solid #d2ddc8;padding-left:11px}.institution-courses p{font-size:11px}.course-resource-grid article>span{font-size:9px;letter-spacing:1px;color:#a68d5c}.course-resource-grid h4{font-family:var(--serif);font-size:18px;margin-top:8px}.course-resource-grid .secondary{margin-top:5px}.course-glossary{border:1px solid #e0e7d7;border-radius:13px;background:#fff;overflow:hidden}.course-glossary>div{padding:16px 18px;border-bottom:1px solid #edf0e6}.course-glossary>div:last-child{border:0}.course-glossary dt{font-family:var(--serif);font-size:17px;color:#3f6147}.course-glossary dd{font-size:12px;line-height:1.9;color:#73866b;margin:7px 0 0}@media(max-width:360px){.course-intro{padding:21px 17px}.course-intro h2{font-size:21px}.course-lesson{padding:16px 12px;gap:9px}.course-song-actions{flex-wrap:wrap}.institution-card>div:first-child{align-items:flex-start;flex-direction:column;gap:6px}.course-song-head>span{white-space:normal}.course-stage{padding:17px}.course-stage h3{font-size:21px}}

/* 自学称号与机构分级分别呈现；长等级标签只在条内横向滚动。 */
.course-levels{max-width:100%;min-width:0;flex-wrap:nowrap;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.course-levels button{min-width:88px;white-space:nowrap}
.course-rank-title{color:#947a48}
.course-stage p.course-rank-description{margin:14px 0 0;padding:12px 14px;border-left:2px solid #c2a673;border-radius:0 7px 7px 0;background:#f5f0e4;font-size:12px;line-height:1.85;color:#7b715a}
.course-rank-comparison{padding:15px 17px;border:1px solid #e4decd;border-radius:12px;background:#faf7ee;margin:0 0 12px}
.course-rank-comparison p{font-size:12px;line-height:1.9;color:#697663;margin:0;overflow-wrap:anywhere}
.course-rank-comparison p+p{margin-top:8px}
.course-rank-comparison b{font-weight:600;color:#496247;margin-right:6px}
.course-institution-heading{min-width:0}
.course-institution-heading h3{overflow-wrap:anywhere}
.course-institution-heading small{flex-shrink:0}
@media(max-width:640px){.course-institution-heading{align-items:flex-start;flex-direction:column;gap:6px}.course-rank-comparison{padding:13px 14px}.course-stage p.course-rank-description{padding:11px 12px}}
.course-view-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;gap:5px;scrollbar-width:thin}.course-view-tabs button{flex:0 0 auto;min-width:82px;padding:0 10px;white-space:nowrap}.course-view-tabs button:focus-visible,.course-levels button:focus-visible{outline:2px solid #a78b55;outline-offset:-3px}