.header-actions>.dropdown-wrap{display:flex;align-items:center}.header-actions .notification,.language-trigger{min-width:28px;min-height:32px}.language-menu{min-width:164px}.language-menu button{justify-content:space-between}.language-menu button[aria-pressed=true]{background:#ffebde;color:#a44330}.profile-menu strong{overflow-wrap:anywhere;max-width:260px}html[lang=en] .header-inner{gap:22px}html[lang=en] .header-inner nav{gap:18px}html[lang=en] .hero-heading h1{font-size:clamp(24px,3.2vw,42px)}html[lang=en] .feature-card p{white-space:normal;font-size:11px}html[lang=en] .section-heading{flex-wrap:wrap}html[lang=en] .search-panel>h2{font-size:24px}@media(max-width:600px){.header-actions{gap:8px}.language-menu{right:-42px}html[lang=en] .brand strong{font-size:18px}html[lang=en] .hero-heading h1{font-size:24px;white-space:normal}html[lang=en] .search-panel>h2{font-size:16px}html[lang=en] .feature-card h2{font-size:13px;letter-spacing:0}html[lang=en] .feature-card p{font-size:8px;line-height:11px}html[lang=en] .section-heading h2{font-size:15px}}html[lang=en] .learning-note p{white-space:normal;line-height:1.4}html[lang=en] .search-help{white-space:normal;line-height:1.5}.dropdown.notification-menu{width:min(320px,calc(100vw - 24px));gap:14px;padding:16px}.notification-menu h2{font-size:16px;padding-bottom:10px;border-bottom:1px solid #f0d8c9}.notification-message{display:flex;align-items:flex-start;gap:10px}.notification-message>svg{color:#ed8068;margin-top:2px}.notification-message h3{font-size:14px;line-height:1.6;margin-bottom:5px}.notification-message p{color:var(--muted);font-size:12px;line-height:1.8}.notification-menu .notification-discover{justify-content:center;color:#a44330;background:#ffebde;text-align:center}@media(max-width:600px){.header-actions .notification-wrap .notification{display:inline-flex;min-height:32px}.dropdown.notification-menu{right:-71px}}@media(min-width:901px){.site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.site-header .header-inner>nav{justify-self:center;justify-content:flex-start;gap:24px}.site-header .header-actions{justify-self:end}}@media(min-width:901px)and (max-width:1150px){.site-header .header-inner>nav{gap:18px}}.site-header .brand{min-width:0;flex-shrink:1}.site-header .brand>span{min-width:0}.site-header .brand small{letter-spacing:.5px;line-height:1.3}html[lang=en] .site-header .brand small{font-size:9px;letter-spacing:0}.score-search-page{--search-ink:#63291e;--search-coral:#ff735e;color:var(--search-ink)}.results-hero{position:relative;height:240px;isolation:isolate;overflow:hidden}.results-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}.results-hero-content{position:absolute;top:26px;left:29.8%;width:43%}.results-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 12px 18px;white-space:nowrap}.results-title-row h1{font-family:MaShan,Songti SC,serif;font-size:39px;font-weight:400;display:flex;align-items:center;gap:9px;letter-spacing:4px;line-height:43px}.results-title-row h1 svg{color:#ff7359}.results-title-row>p{background:#ff967e;color:#fffaf4;border-radius:23px 4px;padding:7px 16px;font-size:13px;font-weight:650;box-shadow:inset 0 2px 8px #ffc5a5}.results-search-panel{padding:11px 25px 13px;border:1px solid #fffdf4;background:#fffaf2de;border-radius:30px;box-shadow:0 4px 12px #c77a5422}.results-search-form{height:40px;display:flex;align-items:center;gap:12px;border:1px solid #ff9b83;border-radius:24px;background:#fffcf9;box-shadow:0 2px 4px #e6a38520;padding-left:13px}.results-search-form>svg{color:#c65a4b}.results-search-form input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:17px;color:#542519;font-weight:600}.results-search-form>button:not(.coral-button){display:flex;color:#ba6a5b;padding:6px}.results-search-form .coral-button{height:38px;min-width:87px;font-size:19px;letter-spacing:4px;margin-right:1px;padding:3px 10px}.results-hot-search{display:flex;align-items:center;gap:9px;white-space:nowrap;margin-top:12px;font-size:12px}.results-hot-search>b{display:flex;align-items:center;gap:5px;font-family:Songti SC,serif;font-size:13px}.results-hot-search>b svg{color:#ff8a43}.results-hot-search>button{border:1px solid #f3cfbd;background:#fdece1;border-radius:20px;padding:4px 13px;font-family:Songti SC,serif;font-weight:700;font-size:12px}.results-hot-search>button:nth-last-child(2){padding:4px 12px}.results-note{position:absolute;left:75%;top:22px;width:178px;padding:16px 12px 13px;transform:rotate(-7deg);background:#fff8df;border:2px solid #fffff5;border-radius:3px;box-shadow:0 3px 8px #b8896320;font-family:Songti SC,serif}.results-note h2{font-size:13px;white-space:nowrap;margin-bottom:8px}.results-note p{display:flex;align-items:center;gap:6px;font-size:10px;color:#987253;line-height:27px;white-space:nowrap}.results-note p svg{color:#8ca44b}.results-shell{max-width:1680px;width:calc(100% - 80px);margin:-3px auto 0;display:grid;grid-template-columns:250px minmax(0,1fr);gap:8px;align-items:start;position:relative}.results-sidebar{padding:14px 16px 18px;border-radius:22px;min-width:0}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 3px 12px;border-bottom:1px solid #f1d3bd}.sidebar-heading h2{display:flex;align-items:center;gap:7px;font-size:20px;font-family:Songti SC,serif;font-weight:900}.sidebar-heading h2 svg{color:#ff7757}.sidebar-heading>button{font-size:11px;color:#ad705b;white-space:nowrap}.filter-group{padding:10px 0 12px;border-bottom:1px solid #f1d3bd}.filter-group h3{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:16px;line-height:22px;font-family:Songti SC,serif;font-weight:900}.filter-group h3 svg{color:#ff795a}.filter-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 8px}.filter-options>button,.filter-options>select{display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid #f4ceba;border-radius:15px;min-height:24px;min-width:0;padding:1px 5px;font-size:12px;background:#fffaf3;white-space:nowrap}.filter-options>.selected{background:#f47e69;border-color:#ffad95;color:#fff;box-shadow:inset 0 2px 4px #ffbaa1}.filter-options>select{text-align:center;color:#71382c;cursor:pointer}.filter-stars{display:flex;color:#f6a722;gap:0}.filter-level .filter-options{gap:7px 5px}.filter-level .filter-options>button{font-size:11px;gap:2px;padding:1px 2px}.filter-sort{padding-bottom:0;border:0}.filter-sort>div{display:grid;gap:9px}.filter-sort label{display:flex;align-items:center;gap:10px;font-size:14px;font-family:Songti SC,serif;font-weight:700;cursor:pointer}.filter-sort input{width:18px;height:18px;accent-color:#ff725c;margin:0 0 0 5px}.results-main{min-width:0}.results-panel{padding:0 15px 13px;border-radius:24px;min-height:544px}.results-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:55px}.results-heading-row h2{display:flex;align-items:center;gap:7px;white-space:nowrap;font-family:Songti SC,serif;font-weight:900;font-size:19px}.results-heading-row h2>svg{color:#ff7658}.results-heading-row h2>span{font-size:16px;font-weight:600;letter-spacing:.3px}.results-heading-row strong,.results-heading-row em{color:#fb624b;font-style:normal}.results-heading-row strong{font-family:Georgia,serif;font-size:22px}.results-type-tabs{display:flex;gap:10px;align-items:center;white-space:nowrap}.results-type-tabs>button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #f4d6c3;border-radius:22px;height:30px;padding:1px 16px;font-family:Songti SC,serif;font-size:14px;font-weight:700}.results-type-tabs svg{color:#ff7154}.results-type-tabs>.selected{background:#f7816c;border-color:#ffb6a1;color:#fff;box-shadow:inset 0 3px 8px #ffb39a}.results-type-tabs>.selected svg{color:#fff}.results-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:3px 0 14px;min-height:31px}.current-filters{display:flex;align-items:center;gap:6px;flex:1;background:#fcebdc;border-radius:20px;min-height:30px;padding:3px 10px;font-size:12px;color:#9d513d;flex-wrap:wrap}.current-filters>button{display:flex;align-items:center;gap:7px;border:1px solid #f8bca2;border-radius:17px;line-height:21px;background:#fff5e9;padding:0 9px;color:#b44e39}.no-filter-label{color:#b4907a}.sort-select{display:flex;align-items:center;gap:8px;font-family:Songti SC,serif;font-size:14px;font-weight:700;white-space:nowrap}.sort-select>span{position:relative;display:flex;align-items:center}.sort-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #f4bfa1;border-radius:18px;background:#fff9f0;color:#753c2d;padding:5px 29px 5px 14px;cursor:pointer;font-size:13px}.sort-select svg{position:absolute;right:12px;pointer-events:none;color:#d2684b}.results-score-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px 16px}.results-score-grid .score-card{border-color:#f5d8c3;border-radius:14px;background:#fffaf3}.results-score-grid .score-cover{height:auto;aspect-ratio:2.12}.results-score-grid .score-cover img{object-fit:cover}.results-score-grid .score-info{padding:5px 11px 9px}.results-score-grid .score-title{min-height:24px;margin:0}.results-score-grid .score-title h3{font-size:18px;line-height:25px;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis}.results-score-grid .score-artist{font-size:12px;line-height:18px;margin:0 0 3px}.results-score-grid .score-meta{min-height:21px;margin:0 0 5px;gap:3px}.results-score-grid .score-meta>.instrument-badge{height:19px;font-size:11px;gap:4px}.results-score-grid .difficulty{font-size:10px;gap:2px}.results-score-grid .rating svg{width:11px;height:11px}.results-score-grid .card-actions{gap:10px}.results-score-grid .card-actions>button{height:27px;font-size:12px}.results-score-grid .score-badge{top:6px;left:7px;padding:1px 6px;font-size:10px;line-height:15px}.results-community{margin-top:8px;border-radius:22px;padding:13px 20px 14px;min-height:228px}.results-community-heading{display:flex;align-items:center;gap:20px;margin-bottom:12px;min-height:32px}.results-community-heading h2{display:flex;align-items:center;gap:8px;font-family:Songti SC,serif;font-size:20px;font-weight:900;letter-spacing:.4px;white-space:nowrap}.results-community-heading h2 svg{color:#ff7959}.results-community-heading .community-tabs{height:auto;gap:7px;justify-content:flex-start;align-items:center;min-width:0}.results-community-heading .community-tabs button{min-width:0;padding:3px 9px;height:27px;font-size:11px}.results-community-layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(260px,1fr);gap:15px}.results-community-layout .post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}.results-community-layout .post-card{border-color:#efd9c4;border-radius:13px}.results-community-layout .post-cover{height:90px}.results-community-layout .post-cover>img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.results-community-layout .play-bubble{width:31px;height:31px}.results-community-layout .post-card h3{font-size:11px;line-height:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:5px 8px 3px}.results-community-layout .post-meta{gap:4px;padding:0 8px 6px;font-size:9px;min-height:23px}.results-community-layout .post-meta>img{width:20px;height:20px}.results-community-layout .post-meta>button{font-size:9px;gap:3px}.results-community-layout .post-meta>button:first-of-type{margin-left:auto}.results-community-layout .level-tag{font-size:9px;padding:0 4px}.results-community-layout .video-duration{font-size:10px}.results-community-layout .discussion-panel{margin-top:-10px;padding:3px 10px 5px;border-radius:16px;background:#fffaf7}.results-community-layout .discussion-heading{height:28px}.results-community-layout .discussion-heading h3{font-size:16px;gap:6px}.results-community-layout .discussion-heading>button{font-size:10px}.results-community-layout .discussion-row{min-height:25px;gap:8px;padding:2px 0}.results-community-layout .discussion-row>span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-community-layout .discussion-row small{font-size:10px;gap:4px}.results-community-layout .discussion-row>svg{width:19px}.results-community-layout .post-grid:has(>.post-card:only-child){grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:1400px){.results-shell{margin-top:-3px}.results-sidebar{min-height:694px}.filter-group{padding-top:10px;padding-bottom:12px}.filter-options>button,.filter-options>select{min-height:24px}.filter-instrument{padding-top:10px;padding-bottom:17px}.filter-style{padding-top:15px;padding-bottom:17px}.filter-key{padding-top:15px;padding-bottom:15px}.filter-sort{padding-top:10px}.filter-sort>div{gap:10px}.results-score-grid .score-info{min-height:110px}.results-score-grid .score-card{height:207px}.results-score-grid .score-cover{height:96px;aspect-ratio:auto}}@media(max-width:1430px){.results-title-row{gap:10px}.results-title-row h1{font-size:34px;letter-spacing:2px}.results-title-row>p{font-size:11px;padding:6px 10px}.results-search-panel{padding:11px 18px 13px}.results-hot-search{gap:6px}.results-hot-search>button{font-size:10px;padding:4px 9px}.results-heading-row h2{font-size:17px}.results-heading-row h2>span{font-size:14px}.results-type-tabs{gap:7px}.results-type-tabs>button{padding:1px 11px;font-size:12px}.results-community-heading{gap:12px}.results-community-heading h2{font-size:18px}.results-community-heading .community-tabs{gap:5px}.results-community-heading .community-tabs button{font-size:10px;padding:3px 7px}}@media(max-width:1250px){.results-shell{width:calc(100% - 48px);grid-template-columns:216px minmax(0,1fr);gap:10px}.results-sidebar{padding-left:13px;padding-right:13px}.sidebar-heading h2{font-size:18px}.results-heading-row{flex-wrap:wrap;gap:9px;padding:13px 0 8px}.results-type-tabs{justify-content:flex-start;flex-wrap:wrap;gap:7px}.results-type-tabs>button{height:28px;padding:0 12px}.results-score-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.results-score-grid .score-title h3{font-size:17px}.results-community-heading{flex-wrap:wrap;gap:9px}.results-community-heading .community-tabs{max-width:100%;overflow:auto}.results-community-layout{grid-template-columns:minmax(0,1fr)}.results-community-layout .discussion-panel{margin-top:0}.results-note{left:auto;right:11.5%;width:155px;padding:12px 9px}.results-note h2{font-size:11px}.results-note p{font-size:9px;gap:3px}.results-title-row h1{font-size:31px}.results-title-row>p{display:none}.results-hero-content{left:30%;width:43%}.results-hot-search{flex-wrap:wrap;gap:5px}.results-hot-search>b{font-size:11px}.results-hot-search>button{font-size:10px}.results-hot-search>button:last-child{display:none}}@media(max-width:1000px){.results-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.results-hero-content{left:27%;width:48%;top:28px}.results-note{display:none}.results-title-row h1{font-size:34px}.results-hot-search>button:last-child{display:block}.results-shell{width:calc(100% - 32px);grid-template-columns:195px minmax(0,1fr)}.results-sidebar{padding-left:10px;padding-right:10px}.sidebar-heading h2{font-size:17px}.sidebar-heading>button{font-size:10px}.filter-options{gap:6px 4px}.filter-options>button{font-size:11px}.filter-level .filter-options>button{font-size:10px}.filter-stars svg{width:8px}.results-toolbar{gap:10px}.sort-select{font-size:12px}.sort-select select{font-size:11px;padding-left:9px;padding-right:24px}}@media(max-width:760px){.results-hero{height:230px}.results-hero-art{object-position:38% center;opacity:.65}.results-hero-content{left:18%;width:75%;top:33px}.results-shell{width:calc(100% - 24px);grid-template-columns:1fr;margin-top:0;gap:10px}.results-sidebar{padding:12px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.sidebar-heading{grid-column:1/-1}.filter-group{padding:10px 0}.filter-sort{grid-column:1/-1}.filter-sort>div{display:flex;flex-wrap:wrap;gap:10px 17px}.filter-sort label{font-size:12px;gap:5px}.filter-sort input{width:15px;height:15px;margin-left:0}.results-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.results-panel{min-height:0;padding:0 12px 12px}.results-score-grid .score-info{padding-left:8px;padding-right:8px}.results-score-grid .score-title h3{font-size:16px}.results-score-grid .score-meta>.instrument-badge{font-size:10px;gap:2px;padding:0 4px}.results-score-grid .difficulty{font-size:9px}.results-score-grid .rating svg{width:9px}.results-score-grid .card-actions{gap:6px}.results-score-grid .card-actions>button{font-size:11px}.results-community{padding:13px 12px}.results-community-layout .post-meta{flex-wrap:wrap}.results-community-layout .post-meta>button:first-of-type{margin-left:0}}@media(max-width:520px){.results-hero{height:213px}.results-hero-content{width:calc(100% - 28px);left:14px;top:23px}.results-title-row{margin-left:6px;margin-bottom:12px}.results-title-row h1{font-size:31px;letter-spacing:3px;gap:7px}.results-title-row h1 svg{width:34px}.results-search-panel{padding:10px 12px 13px;border-radius:23px}.results-search-form{height:39px;gap:7px;padding-left:9px}.results-search-form input{font-size:15px}.results-search-form>svg{width:22px}.results-search-form .coral-button{min-width:69px;height:36px;font-size:16px}.results-hot-search{margin-top:10px;gap:6px}.results-hot-search>b{font-size:11px}.results-hot-search>button{font-size:10px;padding:3px 8px}.results-hot-search>button:nth-last-child(2){padding:3px 8px}.results-hot-search>button:last-child{display:none}.results-sidebar{gap:0 12px}.sidebar-heading h2{font-size:18px}.filter-options>button{font-size:11px}.results-score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.results-toolbar{align-items:flex-start;gap:7px;margin-bottom:11px}.current-filters{font-size:10px;padding:3px 7px;gap:4px;min-height:30px}.sort-select{font-size:0;gap:0}.sort-select select{height:30px;max-width:110px}.results-heading-row{gap:10px;padding-top:12px}.results-heading-row h2{font-size:17px;gap:4px;flex-wrap:wrap;white-space:normal}.results-heading-row h2>svg{width:27px}.results-heading-row h2>span{font-size:13px}.results-heading-row strong{font-size:18px}.results-type-tabs{gap:6px;flex-wrap:nowrap;overflow:auto;width:100%;padding-bottom:3px}.results-type-tabs>button{font-size:11px;gap:5px;padding:0 10px;flex-shrink:0}.results-type-tabs svg{width:19px}.results-score-grid .score-title h3{font-size:16px}.results-score-grid .score-artist{font-size:11px}.results-score-grid .score-meta>.instrument-badge{font-size:9px}.results-score-grid .score-meta{gap:2px}.results-score-grid .difficulty{font-size:9px;gap:1px}.results-score-grid .rating svg{width:9px}.results-score-grid .card-actions{gap:7px}.results-score-grid .card-actions>button{font-size:11px;height:29px}.results-community-heading h2{font-size:17px;gap:6px}.results-community-heading h2 svg{width:28px}.results-community-heading .community-tabs{gap:6px}.results-community-heading .community-tabs button{font-size:11px;padding:3px 9px;flex-shrink:0}.results-community-layout .post-grid{grid-template-columns:1fr}.results-community-layout .post-cover{height:150px}.results-community-layout .post-card h3{font-size:13px;padding:7px 9px 4px}.results-community-layout .post-meta{font-size:11px;padding:0 9px 9px;gap:6px}.results-community-layout .post-meta>button{font-size:11px}.results-community-layout .post-meta>button:first-of-type{margin-left:auto}.results-community-layout .post-grid:has(>.post-card:only-child){grid-template-columns:1fr}.results-community-layout .discussion-panel{padding:5px 12px 8px}.results-community-layout .discussion-row{min-height:31px}.results-community-layout .discussion-row>span{font-size:11px}}.results-score-grid .results-practice-card{cursor:pointer}.results-score-grid .results-practice-card:focus-within{outline:2px solid #e99779;outline-offset:2px}.results-score-grid .results-practice-card .score-badge{top:8px;left:8px;padding:4px 7px;font-size:11px;line-height:14px}@media(max-width:600px){.results-score-grid .results-practice-card .score-badge{top:6px;left:6px;padding:3px 6px;font-size:10px;gap:3px}.results-score-grid .results-practice-card .score-badge svg{width:11px;height:11px}}.song-detail-mode{color:#51271e;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:13px}.detail-site-header{height:48px;background:#fff7efed}.detail-site-header .header-inner{width:calc(100% - 208px);max-width:1240px;gap:38px}.detail-site-header nav{gap:28px}.detail-site-header nav>button{font-size:14px}.detail-site-header .header-actions{gap:21px}.detail-site-header .brand strong{font-size:21px}.detail-site-header .brand small{font-size:10px}.detail-site-header .profile{font-size:12px}.detail-site-header .profile img{width:27px;height:27px}.detail-hero{height:182px;position:relative;isolation:isolate;overflow:hidden}.detail-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;z-index:-1}.detail-hero-content{max-width:770px;margin:auto;padding-top:11px;text-align:center}.detail-hero h1{font-family:MaShan,Songti SC,serif;font-size:34px;font-weight:400;letter-spacing:3px;line-height:43px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:14px}.detail-hero h1 svg{color:#ffc52b}.detail-hero h1 svg:first-child{margin-right:12px}.detail-hero-promise{display:flex;justify-content:center;align-items:center;gap:5px;background:#ff8c75;color:#fff9ee;border:1px solid #ffc7ac;border-radius:20px;width:max-content;max-width:100%;padding:4px 14px;margin:6px auto;font-size:14px;letter-spacing:.5px}.detail-hero-promise svg{color:#ffe251}.detail-steps{background:#fff9f1ed;border:1px solid #fffdf4;box-shadow:0 4px 10px #b16d3b16;border-radius:38px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 20px;margin-top:5px;height:65px}.detail-step{display:flex;align-items:center;gap:10px;white-space:nowrap;text-align:left}.detail-step>svg{color:#f18b3b}.detail-step:first-child>svg{color:#f1745f}.detail-step strong{font-size:15px;display:block;line-height:24px;letter-spacing:.4px}.detail-step small{font-size:11px;display:block;line-height:18px}.detail-step-arrow{color:#ee7763}.song-detail-page{max-width:1600px;width:calc(100% - 48px);margin:0 auto;display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;padding:13px 10px 20px;border:1px solid #fff8ee;border-radius:28px 28px 0 0;background:#fff6edcf;box-shadow:0 0 14px #a7663510;position:relative}.detail-sidebar{min-width:0}.detail-back{display:flex;align-items:center;justify-content:center;gap:7px;background:#fff9f1;border:1px solid #f0dcd0;border-radius:18px;height:29px;font-size:12px;font-weight:600;white-space:nowrap;width:130px;margin:0 0 15px 3px}.detail-side-nav{border:1px solid #eddbce;border-radius:15px;background:#fffaf3b8;padding:5px;box-shadow:0 2px 5px #b77e5320}.detail-side-nav>button{width:100%;min-height:40px;display:flex;align-items:center;gap:6px;padding:6px 8px;white-space:nowrap;text-align:left;font-size:13px;font-weight:600;border-radius:12px}.detail-side-nav svg{color:#b46b59}.detail-side-nav small{font-size:11px;font-weight:400;margin-left:auto}.detail-side-nav>button.active{background:#fbc7b5;color:#a53c2d}.detail-side-nav>button.active svg{color:#ed735b}.detail-main{min-width:0}.detail-summary{display:grid;grid-template-columns:188px minmax(340px,1fr) minmax(450px,1.25fr);gap:22px;align-items:start;min-height:142px}.detail-cover{position:relative;border-radius:13px;overflow:hidden;width:188px;height:140px;box-shadow:0 2px 6px #9e6b3b17}.detail-cover>img{width:100%;height:100%;object-fit:cover}.detail-cover>span{position:absolute;right:8px;bottom:8px;width:34px;height:34px;border:2px solid white;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;background:#6c492d42}.detail-song-copy h2{font-size:26px;font-family:Songti SC,serif;line-height:31px;margin-bottom:3px;color:#33231c;letter-spacing:.3px}.detail-credits{display:flex;gap:19px;align-items:center;font-size:12px;line-height:22px;white-space:nowrap}.detail-credits span{display:flex;align-items:center;gap:4px}.detail-credits svg{color:#986957}.detail-song-tags{display:flex;gap:9px;margin:5px 0 8px}.detail-song-tags span{padding:2px 12px;background:#fcebdd;border:1px solid #f6e0d0;border-radius:15px;font-size:12px;line-height:17px}.detail-song-facts{display:flex;gap:17px;align-items:center;line-height:23px;font-size:12px;white-space:nowrap}.detail-song-facts>span{display:flex;align-items:center;gap:5px}.detail-song-facts svg{color:#ad6f5b}.detail-song-facts small{font-size:10px}.detail-rating{display:inline-flex;gap:0;align-items:center;color:#c5b9a6}.detail-rating svg{color:inherit}.detail-rating .filled{color:#ffc023}.detail-song-stats{display:flex;gap:21px;align-items:center;margin-top:8px;white-space:nowrap;font-size:13px}.detail-song-stats>span,.detail-song-stats>button{display:flex;align-items:center;gap:5px}.detail-song-stats svg{color:#f47961}.detail-song-stats>span:first-child svg{color:#ffac20}.detail-song-stats>span:last-child svg{color:#ffbc14}.detail-song-stats small{font-size:11px}.detail-advice{border:1px solid #f0ded0;border-radius:20px;padding:9px 12px;background:#fffcf8c9;box-shadow:0 2px 5px #b2744311;min-width:0}.detail-advice h3{display:flex;align-items:center;gap:7px;font-size:17px;line-height:28px;white-space:nowrap;letter-spacing:.2px}.detail-advice h3>svg{color:#ffb731}.detail-advice h3 small{font-size:12px;letter-spacing:0;font-weight:400}.detail-advice-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:7px}.detail-advice-cards>div{border-radius:15px;padding:6px 11px 8px}.detail-advice-cards h4{font-size:16px;display:flex;align-items:center;gap:6px;line-height:25px;margin:0 0 4px;white-space:nowrap}.detail-advice-cards p{display:flex;align-items:center;gap:6px;line-height:21px;font-size:11px;white-space:nowrap}.detail-advice-cards .green{background:#f4f5dc}.detail-advice-cards .pink{background:#fcebf1}.detail-advice-cards .purple{background:#f4eaf7}.detail-advice-cards .green h4,.detail-advice-cards .green svg{color:#66872a}.detail-advice-cards .pink h4,.detail-advice-cards .pink svg{color:#c14f75}.detail-advice-cards .purple h4,.detail-advice-cards .purple svg{color:#9354b8}.detail-versions{margin-top:11px;border:1px solid #efdfd1;border-radius:20px;background:#fffbf6b8;padding:5px 13px 12px}.detail-version-heading{display:flex;align-items:center;gap:24px;min-height:32px;white-space:nowrap}.detail-version-heading h2{display:flex;align-items:center;gap:7px;font-size:21px;font-weight:700;letter-spacing:.3px}.detail-version-heading h2>svg{color:#f19443}.detail-version-heading h2 span{font-size:14px;letter-spacing:0;font-weight:400;margin-left:1px}.detail-version-heading>p{font-size:12px;color:#986553}.detail-version-toolbar{display:flex;align-items:center;gap:12px;min-height:42px;white-space:nowrap}.detail-version-toolbar>strong{font-size:13px}.detail-version-filters{display:flex;align-items:center;gap:16px}.detail-version-filters>label{display:flex;align-items:center;position:relative}.detail-version-filters select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e9d6c7;border-radius:18px;color:#623b2d;background:#fffaf3;padding:3px 26px 3px 16px;min-width:90px;height:26px;font-size:12px;font-weight:600;text-align:center;cursor:pointer}.detail-version-filters>label:first-child select{min-width:108px}.detail-version-filters>label>svg{position:absolute;right:11px;color:#ca6754;pointer-events:none}.detail-toolbar-divider{height:22px;border-left:1px solid #e9d0bd;margin:0 17px 0 8px}.detail-sort-options{display:flex;justify-content:space-between;gap:18px;flex:1}.detail-sort-options button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;border:1px solid #e9d6c7;border-radius:16px;padding:3px 18px;background:#fffaf3;min-width:88px;height:26px;font-weight:600;white-space:nowrap}.detail-sort-options button.active{background:#ffe7d6;color:#c9653c;border-color:#f9e5d1}.detail-sort-options svg{color:#ffb61f}.detail-version-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:4px}.detail-version-card{position:relative;border:1px solid #eddcd0;border-radius:16px;background:#fffcf7;padding:23px 12px 7px;min-width:0;box-shadow:0 1px 4px #8b653a09}.song-detail-mode .detail-version-badge{position:absolute;top:-1px;left:12px;display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:2px 8px;border:1px solid var(--badge-border);border-left:3px solid var(--badge-ink);border-radius:5px;background:var(--badge-paper);color:var(--badge-ink);font-size:11px;line-height:18px;font-weight:650;letter-spacing:.3px;box-shadow:0 1px 2px #63412c0d;white-space:nowrap}.song-detail-mode .detail-version-badge svg{color:currentColor;flex-shrink:0}.detail-version-save{position:absolute;right:12px;top:10px;color:#ed7863;display:flex}.detail-version-save[aria-pressed=true]{color:#e75c63}.detail-author{display:flex;align-items:center;gap:7px;min-height:28px;margin-bottom:2px;white-space:nowrap}.detail-author>img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid #f6d8bb}.detail-author>strong{font-size:12px}.detail-author>span{display:flex;align-items:center;gap:3px;color:#9a6cc1;background:#f0e0fe;border-radius:7px;padding:1px 6px;font-size:10px}.detail-version-card h3{font-size:13px;line-height:24px;white-space:nowrap;font-weight:650;letter-spacing:-.15px;margin-bottom:1px}.detail-version-meta{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:10px;line-height:23px;white-space:nowrap}.detail-version-meta>span{display:flex;align-items:center;gap:3px}.detail-version-meta>span:first-child{font-size:11px;font-weight:600}.detail-version-meta>span.purple{color:#b87abe}.detail-version-meta>span.orange{color:#d18b50}.detail-version-meta .detail-rating svg{width:11px;height:11px}.detail-sheet-strip{width:100%;height:29px;object-fit:cover;border:1px solid #f0e2d2;border-radius:5px;background:#fffdf7;margin:2px 0 3px}.detail-version-description{font-size:11px;line-height:16px;min-height:32px;white-space:pre-line;letter-spacing:.15px}.detail-version-stats{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:10px;line-height:24px;white-space:nowrap}.detail-version-stats>span{display:flex;align-items:center;gap:4px}.detail-version-stats>span:first-child svg{color:#e88572}.detail-version-stats>span:nth-child(2) svg{color:#ffba13}.detail-version-stats small{font-size:10px;color:#a27b69}.detail-view-score{display:flex;align-items:center;justify-content:center;gap:6px;height:25px;width:54%;min-width:128px;margin:0 auto;color:#fff9ee;background:#f67f6b;border:1px solid #ffb69b;border-radius:17px;box-shadow:inset 0 2px 4px #ffc2a5;font-size:13px;font-weight:600;letter-spacing:.6px}.detail-data-note{font-size:10px;text-align:right;color:#ad8c78;padding:12px 3px 0}.detail-empty{text-align:center;padding:35px 12px;color:#996b56}.detail-empty h3{margin:9px}.detail-empty button,.detail-extra-panel form button{background:#f68b74;color:#fff;border:1px solid #f6b095;border-radius:16px;padding:6px 17px;margin-top:12px}.detail-extra-panel{padding:20px;background:#fffcf7;border:1px solid #efdfd0;border-radius:18px;margin-top:12px;min-height:250px}.detail-extra-panel>h2{font-size:22px;margin-bottom:12px}.detail-extra-panel>p{line-height:28px}.detail-demo-note{color:#a3806c;font-size:11px;line-height:20px}.detail-extra-panel form{display:flex;gap:12px;align-items:center;margin-top:15px}.detail-extra-panel form input{flex:1;min-width:0;border:1px solid #e9cdb8;border-radius:14px;padding:9px 12px;background:#fffcf8;color:#593427}.detail-extra-panel form button{margin:0}.detail-course-list,.detail-related-songs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.detail-course-list>button,.detail-related-songs>button{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid #edd8c4;background:#fff7ed;border-radius:12px;text-align:left}.detail-course-list span,.detail-related-songs>svg:last-child{margin-left:auto}.detail-related-songs small{color:#a17863}.detail-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#51312766;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detail-score-modal{position:relative;width:min(720px,100%);max-height:90vh;overflow:auto;border-radius:24px;background:#fff8ed;border:1px solid #fffdf5;padding:32px;box-shadow:0 18px 80px #59382033;outline:0}.detail-modal-close{position:absolute;right:18px;top:15px;display:flex;color:#aa7962}.detail-modal-eyebrow{display:flex;gap:7px;align-items:center;color:#c17c58;font-size:12px;margin-bottom:9px}.detail-score-modal h2{font-size:22px;margin-bottom:8px;padding-right:12px}.detail-score-modal>img{width:100%;min-height:100px;object-fit:contain;background:#fffcf6;border:1px solid #e9d8c5;border-radius:12px;padding:14px;margin:20px 0}.detail-tempo{display:flex;align-items:center;gap:14px;font-size:13px}.detail-tempo input{flex:1;min-width:0;accent-color:#f58a6f}.detail-modal-actions{display:flex;justify-content:center;gap:14px;margin-top:22px}.detail-modal-actions button{display:flex;gap:6px;align-items:center;background:#f78b74;border:1px solid #f4b59c;border-radius:20px;padding:9px 18px;color:#fffaf1}.detail-modal-actions button+button{background:#fff9f0;color:#9f694c}@media(min-width:1600px){.detail-hero-content{max-width:900px}.detail-hero h1{font-size:37px}.detail-hero{height:200px}.detail-hero-content{padding-top:16px}.detail-steps{margin-top:9px}.song-detail-page{padding-top:17px}.detail-summary{grid-template-columns:205px minmax(360px,1fr) minmax(500px,1.2fr)}.detail-cover{width:205px;height:153px}.detail-version-card h3{font-size:14px}.detail-version-card{padding-top:24px}.detail-version-grid{gap:16px}}@media(max-width:1380px){.detail-site-header .header-inner{width:calc(100% - 64px);gap:25px}.detail-site-header nav{gap:20px}.detail-summary{grid-template-columns:170px minmax(300px,1fr) minmax(370px,1.1fr);gap:16px}.detail-cover{width:170px;height:136px}.detail-credits{gap:10px;font-size:11px}.detail-song-facts{gap:9px;font-size:11px}.detail-song-stats{gap:12px;font-size:12px}.detail-advice{padding:9px}.detail-advice h3{font-size:15px;gap:5px}.detail-advice h3 small{font-size:10px}.detail-advice-cards{gap:7px}.detail-advice-cards>div{padding:6px}.detail-advice-cards h4{font-size:13px;gap:4px}.detail-advice-cards p{font-size:9px;gap:3px}.detail-advice-cards p svg{width:13px}.detail-version-filters,.detail-sort-options{gap:8px}.detail-sort-options button{padding:3px 10px;min-width:80px}.detail-toolbar-divider{margin:0 4px}.detail-version-card{padding-left:9px;padding-right:9px}.detail-version-card h3{font-size:11px}.detail-version-meta{font-size:9px}.detail-version-meta .detail-rating svg{width:9px;height:9px}.detail-version-description{font-size:10px}.detail-version-stats,.detail-version-stats small{font-size:9px}}@media(max-width:1150px){.detail-site-header .header-inner{width:calc(100% - 40px);gap:20px}.detail-site-header nav{gap:15px}.detail-site-header nav>button{font-size:12px}.detail-site-header .brand strong{font-size:18px}.detail-site-header .header-actions{gap:12px}.detail-site-header .profile span{display:none}.detail-hero-content{max-width:720px}.detail-hero h1{font-size:30px;letter-spacing:2px}.detail-step{gap:6px}.detail-step strong{font-size:13px}.detail-step small{font-size:10px}.detail-steps{gap:5px;padding:10px 15px}.song-detail-page{grid-template-columns:145px minmax(0,1fr);gap:14px;width:calc(100% - 32px)}.detail-summary{grid-template-columns:165px minmax(0,1fr);gap:12px}.detail-cover{width:165px}.detail-advice{grid-column:1/-1}.detail-advice-cards{margin-top:4px}.detail-advice-cards p{font-size:11px}.detail-advice-cards h4{font-size:15px}.detail-advice-cards>div{padding:7px 12px}.detail-version-toolbar{flex-wrap:wrap;padding:8px 0;gap:8px}.detail-sort-options{flex:0 1 auto}.detail-toolbar-divider{display:none}.detail-version-heading{flex-wrap:wrap;gap:3px 12px;padding:6px 0}.detail-version-heading h2{font-size:19px}.detail-version-heading>p{font-size:10px}.detail-version-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-version-card h3{font-size:13px}.detail-version-description,.detail-version-meta{font-size:11px}.detail-version-meta .detail-rating svg{width:12px;height:12px}.detail-version-stats{font-size:11px}.detail-version-stats small{font-size:10px}.detail-sheet-strip{height:35px}}@media(max-width:760px){.detail-site-header{height:65px}.detail-site-header .header-inner{width:calc(100% - 28px)}.detail-site-header .brand strong{font-size:20px}.detail-site-header .header-actions>.icon-button{display:none}.detail-site-header .header-actions>.mobile-toggle{display:flex}.detail-site-header nav{display:none}.detail-site-header nav.open{display:flex;position:absolute;top:65px;left:0;right:0;height:auto;padding:15px;background:#fff8ef;flex-wrap:wrap;gap:14px;z-index:20;box-shadow:0 6px 12px #97613920}.detail-site-header .profile{background:none;border:0;padding:0}.detail-hero{height:240px}.detail-hero-art{object-position:center;opacity:.65}.detail-hero-content{padding:14px 12px 0}.detail-hero h1{font-size:26px;line-height:36px;white-space:normal;letter-spacing:1px;gap:5px;max-width:530px;margin:auto}.detail-hero h1>svg{display:none}.detail-hero-promise{font-size:11px;padding:5px 9px;line-height:18px;margin-top:7px;white-space:normal}.detail-steps{display:grid;grid-template-columns:1fr 1fr;height:auto;border-radius:19px;padding:10px 12px;gap:6px 10px;max-width:500px;margin:10px auto 0;text-align:left}.detail-step{gap:7px}.detail-step>svg{width:24px}.detail-step strong{font-size:12px;line-height:20px}.detail-step small{font-size:9px;line-height:17px}.detail-step-arrow{display:none}.song-detail-page{width:calc(100% - 20px);display:block;padding:12px 10px 16px;border-radius:22px 22px 0 0}.detail-sidebar{display:flex;flex-direction:column;gap:9px;margin-bottom:13px}.detail-back{margin:0;height:29px}.detail-side-nav{display:flex;overflow-x:auto;gap:4px;scrollbar-width:thin;border-radius:12px;padding:4px}.detail-side-nav>button{width:auto;min-height:33px;font-size:12px;padding:5px 9px;flex-shrink:0}.detail-side-nav>button>svg{width:18px}.detail-side-nav small{font-size:10px}.detail-summary{grid-template-columns:110px minmax(0,1fr);gap:10px}.detail-cover{width:110px;height:110px}.detail-cover>span{width:27px;height:27px;right:6px;bottom:6px}.detail-cover>span svg{width:15px}.detail-song-copy h2{font-size:24px;line-height:28px}.detail-credits{white-space:normal;flex-wrap:wrap;gap:0 8px;font-size:10px;line-height:18px}.detail-credits>span:last-child:not(:first-child){font-size:9px}.detail-song-tags{gap:5px;flex-wrap:wrap;margin:4px 0}.detail-song-tags span{font-size:10px;padding:0 7px;line-height:18px}.detail-song-facts{flex-wrap:wrap;gap:0 10px;font-size:10px;line-height:20px}.detail-song-facts>span>svg{width:14px}.detail-song-facts .detail-rating svg{width:11px;height:11px}.detail-song-facts small{font-size:9px}.detail-song-stats{flex-wrap:wrap;gap:3px 8px;font-size:10px;margin-top:5px;line-height:18px}.detail-song-stats svg{width:14px}.detail-song-stats small{font-size:9px}.detail-advice{padding:9px 8px;border-radius:16px}.detail-advice h3{font-size:15px;line-height:23px;gap:5px}.detail-advice h3 small{font-size:9px;white-space:normal}.detail-advice h3>svg{width:21px}.detail-advice-cards{gap:5px}.detail-advice-cards>div{padding:6px}.detail-advice-cards h4{font-size:12px;gap:3px;line-height:22px}.detail-advice-cards h4 svg{width:17px}.detail-advice-cards p{font-size:9px;gap:2px;line-height:17px;white-space:normal;align-items:start}.detail-advice-cards p svg{width:12px}.detail-versions{padding:7px 8px 10px;border-radius:17px;margin-top:10px}.detail-version-heading{gap:3px;padding:2px 0}.detail-version-heading h2{font-size:17px;gap:4px;letter-spacing:0}.detail-version-heading h2>svg{width:23px}.detail-version-heading h2 span{font-size:12px}.detail-version-heading>p{font-size:9px;white-space:normal;line-height:18px}.detail-version-toolbar{display:grid;grid-template-columns:34px minmax(0,1fr);gap:7px 3px;padding:7px 0}.detail-version-toolbar>strong{font-size:11px}.detail-version-filters{gap:5px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.detail-version-filters>label{min-width:0}.detail-version-filters select,.detail-version-filters>label:first-child select{min-width:0;width:100%;padding:2px 15px 2px 3px;font-size:10px;height:26px}.detail-version-filters>label>svg{width:10px;right:5px}.detail-sort-options{gap:5px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.detail-sort-options button{min-width:0;padding:2px 3px;font-size:10px;height:27px;gap:2px}.detail-sort-options button svg{width:12px}.detail-version-grid{gap:12px 8px;margin-top:7px}.detail-version-card{padding:22px 8px 8px;border-radius:13px}.detail-version-badge{left:7px;top:-4px;padding:0 8px 1px;font-size:10px;gap:3px;line-height:18px}.detail-version-badge svg{width:13px}.detail-version-save{top:9px;right:8px}.detail-version-save svg{width:17px}.detail-author{gap:4px;margin-top:1px;min-height:25px;flex-wrap:wrap;padding-right:14px}.detail-author>img{width:23px;height:23px}.detail-author>strong{font-size:10px}.detail-author>span{font-size:8px;padding:0 4px;gap:2px}.detail-author>span svg{width:10px}.detail-version-card h3{font-size:11px;line-height:18px;white-space:normal;margin-top:4px;min-height:36px}.detail-version-meta{flex-wrap:wrap;justify-content:flex-start;gap:0 5px;font-size:9px;line-height:18px}.detail-version-meta>span:first-child{font-size:10px}.detail-version-meta>span:first-child svg{width:13px}.detail-version-meta .detail-rating svg{width:9px;height:9px}.detail-sheet-strip{height:27px;margin:4px 0}.detail-version-description{font-size:10px;line-height:16px;min-height:64px;white-space:normal}.detail-version-stats{flex-wrap:wrap;gap:0 5px;font-size:9px;line-height:18px}.detail-version-stats small{font-size:9px}.detail-version-stats svg{width:12px}.detail-view-score{width:100%;min-width:0;font-size:12px;height:27px;margin-top:4px}.detail-data-note{font-size:9px;line-height:18px;text-align:center}.detail-extra-panel{padding:14px}.detail-course-list,.detail-related-songs{grid-template-columns:1fr}.detail-score-modal{padding:28px 18px 22px}.detail-score-modal h2{font-size:19px}.detail-score-modal>img{min-height:80px;padding:8px}.detail-tempo{font-size:11px;gap:7px}.detail-modal-actions{gap:8px}.detail-modal-actions button{font-size:11px;padding:8px 12px}}@media(min-width:1151px){.song-detail-mode .detail-site-header{height:48px}.detail-hero-content{max-width:754px;position:relative;left:30px;padding-top:9px}.song-detail-page{padding:14px 5px 20px}.detail-song-copy h2{margin-bottom:2px}.detail-song-tags{margin:4px 0 6px}.detail-versions{margin-top:9px;margin-left:-6px;margin-right:0}.detail-version-toolbar{min-height:40px}.detail-version-card{padding-top:21px}.detail-version-card h3{font-size:14px;line-height:22px}.detail-version-meta{line-height:21px}.detail-version-stats{line-height:22px}}.detail-version-sort{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.detail-version-sort>strong{font-size:13px}@media(max-width:1150px){.detail-version-sort{flex-basis:100%;gap:8px}.detail-version-sort .detail-sort-options{flex:1;justify-content:flex-start}}@media(max-width:760px){.detail-version-sort{grid-column:1/-1;display:grid;grid-template-columns:34px minmax(0,1fr);gap:3px}.detail-version-sort>strong{font-size:11px}}@media(min-width:1151px){.detail-site-header .brand{gap:10px}.detail-site-header .brand strong{font-size:20px;letter-spacing:1px}.detail-site-header nav .nav-active{height:26px;padding:0 19px}.detail-author>strong{font-size:13px}.detail-version-card h3{font-weight:700}.detail-version-stats,.detail-version-stats small{font-size:11px}}.detail-view-score{background-color:#ff7d68}.song-detail-mode.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:32px;background:#4a2b215c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.detail-overlay .song-detail-page{width:min(1600px,calc(100vw - 64px));max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;margin:0;border-radius:24px;padding-top:38px;background:#fff8f0;box-shadow:0 20px 90px #4e2e2138;outline:0}.detail-overlay-close{position:absolute;right:12px;top:7px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #eed5c3;border-radius:50%;background:#fff5e9;color:#ad6a52;z-index:2}.detail-overlay .detail-data-note{padding-top:10px}@media(max-width:760px){.song-detail-mode.detail-overlay{padding:12px}.detail-overlay .song-detail-page{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:20px;padding-top:38px}}.detail-page-frame{display:contents}.detail-overlay-frame{position:relative;width:min(1600px,calc(100vw - 64px));max-height:calc(100dvh - 64px);border-radius:24px;overflow:hidden;outline:0;box-shadow:0 20px 90px #4e2e2138}.detail-overlay-frame .song-detail-page{width:100%;box-shadow:none}@media(max-width:760px){.detail-overlay-frame{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.detail-overlay-frame .song-detail-page{width:100%}}.detail-version-badge.sage{--badge-paper:#edf3e5;--badge-ink:#4f6c43;--badge-border:#cbd9bd}.detail-version-badge.coral{--badge-paper:#fff0e8;--badge-ink:#aa563f;--badge-border:#edcaba}.detail-version-badge.teal{--badge-paper:#e8f3ef;--badge-ink:#3f7169;--badge-border:#bddbd1}.detail-version-badge.lilac{--badge-paper:#f2edf7;--badge-ink:#78558f;--badge-border:#d9cae4}.detail-version-badge.sand{--badge-paper:#faf0db;--badge-ink:#85612b;--badge-border:#e8d5a7}.detail-version-badge.leaf{--badge-paper:#f1f4e5;--badge-ink:#626e38;--badge-border:#d6ddb9}.detail-version-badge.blue{--badge-paper:#eaf1f8;--badge-ink:#526f89;--badge-border:#c7d8e7}.song-detail-mode .detail-version-card{padding-top:30px}@media(max-width:760px){.song-detail-mode .detail-version-badge{left:8px;min-height:22px;padding:1px 7px;font-size:10px;gap:4px}.song-detail-mode .detail-version-badge svg{width:13px;height:13px}.song-detail-mode .detail-version-card{padding-top:28px}}.song-detail-mode .detail-version-sort{flex:0 1 auto;justify-content:flex-start}.song-detail-mode .detail-sort-options{display:flex;flex:0 1 auto;justify-content:flex-start;flex-wrap:wrap;gap:8px}@media(max-width:1150px){.song-detail-mode .detail-version-sort{flex-basis:100%}}.detail-supported-instruments{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;margin-top:5px;font-size:12px;line-height:20px}.detail-instruments-label{color:#987562}.detail-instrument{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:#795542}.detail-instrument svg{flex-shrink:0;color:#ad6f5b}.song-detail-mode .detail-version-badge{top:7px}.song-detail-mode .detail-version-card{padding-top:38px}.song-detail-mode .detail-version-save{top:18px}@media(max-width:760px){.detail-supported-instruments{gap:4px 8px;font-size:10px;line-height:18px}.detail-instrument{gap:3px}.detail-instrument svg{width:14px;height:14px}.song-detail-mode .detail-version-card{padding-top:36px}.song-detail-mode .detail-version-save{top:17px}}.song-detail-mode .detail-summary{padding-bottom:16px;border-bottom:1px solid #e8d5c5}.song-detail-mode .detail-versions{margin:14px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}@media(max-width:760px){.song-detail-mode .detail-summary{padding-bottom:12px}.song-detail-mode .detail-versions{margin-top:12px}}.detail-overlay-header{position:relative;z-index:2;display:flex;flex:0 0 52px;align-items:center;justify-content:space-between;padding:12px;background:#fff8f0;box-sizing:border-box}.detail-overlay-header .detail-back{height:28px;margin:0}.detail-overlay-header .detail-overlay-close{position:static}.detail-overlay-frame{display:flex;flex-direction:column}.detail-overlay-frame .song-detail-page{min-height:0;max-height:calc(100dvh - 116px);padding-top:0;border:0;border-top-left-radius:0;border-top-right-radius:0}@media(max-width:760px){.detail-overlay-frame .song-detail-page{max-height:calc(100dvh - 76px)}}.song-detail-mode .detail-side-nav>button{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:4px;padding:6px;font-size:12px;border:1px solid transparent}.song-detail-mode .detail-side-nav>button>svg{width:20px;height:20px}.song-detail-mode .detail-side-nav>button>span{white-space:normal;line-height:18px}.song-detail-mode .detail-side-nav>button.active{background:transparent;border-color:#ed9179}.song-detail-mode .detail-side-nav small{margin-left:0;justify-self:end;text-align:right;white-space:nowrap}.song-detail-mode .detail-version-stats{margin-top:8px;padding:6px 0}.song-detail-mode .detail-version-card{cursor:pointer}.detail-version-open{text-align:inherit;font:inherit;color:inherit;width:100%}.detail-version-open:focus-visible{outline:2px solid #ed9179;outline-offset:3px;border-radius:3px}.song-detail-mode .detail-main>section{scroll-margin-top:12px}@media(min-width:761px){.song-detail-mode .detail-sidebar{position:sticky;top:12px;align-self:start}.detail-overlay .detail-sidebar{top:0}}@media(max-width:760px){.song-detail-mode .detail-side-nav>button{grid-template-columns:18px auto auto}.song-detail-mode .detail-side-nav>button>span{white-space:nowrap}}.song-detail-mode .detail-sheet-strip{display:grid;height:auto;gap:4px;padding:4px;margin:6px 0}.detail-sheet-row{display:block;width:100%;height:29px;object-fit:cover;border-radius:2px}.song-detail-mode .detail-version-description{min-height:0;height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}@media(max-width:760px){.detail-sheet-row{height:25px}.song-detail-mode .detail-sheet-strip{gap:3px;padding:3px}}.song-detail-mode .detail-extra-panel{margin-top:16px;padding:16px 0 0;border:0;border-top:1px solid #e8d5c5;border-radius:0;background:transparent;box-shadow:none}@media(max-width:760px){.song-detail-mode .detail-extra-panel{margin-top:12px;padding-top:12px}}.detail-overlay-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px}.detail-overlay-header .detail-side-nav{display:flex;align-items:center;justify-content:safe center;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.detail-overlay-header .detail-side-nav::-webkit-scrollbar{display:none}.song-detail-mode .detail-overlay-header .detail-side-nav>button{display:inline-flex;align-items:center;flex:0 0 auto;gap:5px;width:auto;min-height:28px;margin:0;padding:3px 9px;border-radius:12px;white-space:nowrap}.detail-overlay-header .detail-side-nav>button>span{white-space:nowrap}.detail-overlay-header .detail-side-nav>button>svg{width:17px;height:17px}.detail-overlay-header .detail-side-nav small{font-size:10px}.detail-overlay-frame .song-detail-page{display:block}@media(max-width:760px){.detail-overlay-header{gap:8px}.detail-overlay-header .detail-side-nav{justify-content:flex-start;gap:5px}.song-detail-mode .detail-overlay-header .detail-side-nav>button{padding:3px 7px;font-size:11px}}.song-detail-mode .song-detail-page{padding-inline:clamp(16px,2.5vw,40px)}.detail-singer-filter{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:8px 0 4px;padding:12px 0;border-bottom:1px dashed #e8d5c5;font-size:12px}.detail-singer-filter>strong{display:flex;align-items:center;gap:5px;white-space:nowrap}.detail-singer-filter>strong svg{color:#c67b60}.detail-singer-options{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.detail-singer-options button{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;min-height:32px;padding:5px 12px;border:1px solid #e5d2c2;border-radius:8px;background:#fffaf4;color:#795542;font:inherit;cursor:pointer}.detail-singer-options button[aria-pressed=true]{border-color:#d48a70;background:#fce9dc;color:#994d36;box-shadow:inset 0 0 0 1px #d48a7030}.detail-singer-options button:focus-visible{outline:2px solid #b96a51;outline-offset:3px}.detail-singer-options small{font-size:10px;color:#946d59}.detail-singer-kind{font-size:10px;border-right:1px solid #dfc6b5;padding-right:7px}.detail-singer-demo{font-size:9px;color:#9a806e}.detail-performer{display:flex;align-items:center;gap:4px;margin:3px 0 6px;color:#946d59;font-size:11px;line-height:18px}.detail-performer svg{flex-shrink:0;color:#bd8169}@media(max-width:760px){.detail-singer-filter{gap:7px;padding:9px 0}.detail-singer-options{flex-basis:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.detail-singer-options button{padding:5px 6px;gap:5px;font-size:11px}.detail-performer{font-size:10px;flex-wrap:wrap}}.song-detail-mode .song-discussions{container-type:inline-size;padding:16px 0 0;margin-top:16px;border:0;border-top:1px solid #e8d5c5;border-radius:0;background:transparent;box-shadow:none;color:#61392d;min-width:0}.song-discussions button{font:inherit}.sd-heading,.sd-heading-title,.sd-heading-actions,.sd-meta,.sd-hot-heading,.sd-categories,.sd-hot-row,.sd-hot-open,.sd-hot-author,.sd-like,.sd-hot-replies,.sd-view-toolbar,.sd-form-actions,.sd-thread-author,.sd-thread-actions,.sd-reply-author,.sd-reply-actions{display:flex;align-items:center}.sd-heading{justify-content:space-between;gap:12px;margin-bottom:17px}.sd-heading-title{gap:10px;min-width:0}.sd-heading-title>svg{color:#ff8758}.sd-heading-title h2{font-size:24px;color:#6f211c;white-space:nowrap;line-height:1.4}.sd-heading-title p{font-size:14px;color:#987766;white-space:nowrap}.sd-heading-actions{gap:12px;flex-shrink:0}.sd-friends{display:flex;padding-right:2px}.sd-avatar{width:27px;height:27px;object-fit:cover;border:2px solid #fff7ed;border-radius:50%;flex-shrink:0}.sd-friends .sd-avatar{width:28px;height:28px;margin-left:-8px;box-shadow:0 1px 3px #995c3530}.sd-friends .sd-avatar:first-child{margin-left:0}.sd-online{font-size:12px;color:#9c5140;white-space:nowrap}.song-discussions .sd-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 20px;border:1px solid #fca68e;border-radius:24px;background:#fa8a72;color:#fffaf6;box-shadow:inset 0 3px 6px #ffd2ba,0 2px 3px #d4866330;font-size:13px;font-weight:650;margin:0;white-space:nowrap}.sd-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sd-card{min-width:0;overflow:hidden;border:1px solid #f2dfd1;border-radius:17px;background:#fffcf8;box-shadow:0 2px 4px #a7734d0b}.sd-card-open{display:block;width:100%;text-align:left}.sd-card-open:hover h3{color:#c45b40}.sd-card-picture{position:relative;margin:5px 5px 0;overflow:hidden;border-radius:12px 12px 0 0}.sd-card-picture>img{width:100%;aspect-ratio:2.65;object-fit:cover}.sd-card-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:3px 11px;font-size:14px;line-height:20px;font-weight:650;border-radius:15px;background:#fff3e1;box-shadow:0 1px 3px #96523016}.sd-tone-乐谱选择{color:#e36f59;background:#fff0dc}.sd-tone-练习方法{color:#d38131;background:#fff0d0}.sd-tone-学歌指导{color:#9762c2;background:#f0e9ff}.sd-tone-指法技巧,.sd-tone-演奏分享{color:#d18431;background:#fff0d0}.sd-card-copy{padding:8px 13px 5px}.sd-card-copy h3{font-size:17px;line-height:1.55;letter-spacing:-.2px;font-weight:700;color:#603226}.sd-card-copy p{font-size:14px;line-height:1.6;margin-top:3px;color:#947767;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.2em}.sd-meta{gap:6px;padding:4px 12px 10px;font-size:12px;min-width:0}.sd-meta>strong{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-level{font-size:10px;line-height:16px;padding:0 5px;color:#ad7bd4;background:#eee2fc;border-radius:5px;white-space:nowrap;flex-shrink:0}.sd-meta-spacer{flex:1}.sd-meta>button,.sd-like,.sd-hot-replies{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0;font-size:12px}.sd-meta>button>svg,.sd-like>svg,.sd-hot-replies>svg{color:#eb8477}.sd-like[aria-pressed=true]{color:#de6e60}.sd-meta>button+button{margin-left:7px}.sd-hot-heading{justify-content:space-between;gap:12px;margin:18px 0 8px}.sd-hot-heading h3{display:flex;align-items:center;gap:9px;font-size:20px;color:#6b2c23;white-space:nowrap}.sd-hot-heading h3>svg{color:#ff8658}.sd-categories{gap:7px;flex-wrap:wrap;justify-content:flex-end}.sd-categories>button{border:1px solid #f0d2bc;border-radius:20px;padding:4px 13px;background:#fff6eb;color:#a3725b;font-size:12px;white-space:nowrap;line-height:18px}.sd-categories>button.active{color:#fff;background:#fa967c;box-shadow:inset 0 3px 6px #ffcfb3;border-color:#fba18c}.sd-hot-list{display:grid;gap:1px}.sd-hot-row{gap:11px;min-height:39px;border-bottom:1px solid #f3e0d1}.sd-hot-row:last-child{border-bottom:0}.sd-row-chat{color:#ff8b6c;flex-shrink:0}.sd-hot-open{flex:1;min-width:0;gap:12px;text-align:left;overflow:hidden}.sd-category{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;line-height:20px;font-size:12px;white-space:nowrap;border-radius:12px;flex-shrink:0}.sd-hot-open>strong{font-size:14px;font-weight:650;color:#63392d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:49%}.sd-hot-excerpt{flex:1;min-width:0;font-size:12px;color:#a58b7b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-hot-author{gap:5px;width:145px;flex-shrink:0;font-size:12px}.sd-hot-author>span:not(.sd-level){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sd-hot-author .sd-avatar{width:25px;height:25px}.sd-hot-replies{width:52px;justify-content:flex-end}.sd-hot-row>.sd-like{width:53px;justify-content:flex-end}.song-discussions>.sd-demo-note{font-size:10px;line-height:1.5;margin-top:8px;color:#b39a88;text-align:right}.sd-view-toolbar{justify-content:space-between;gap:12px;font-size:12px;color:#9a7b67;margin-bottom:22px}.sd-view-toolbar>button{display:flex;align-items:center;gap:6px;color:#9b6250}.song-discussions .sd-view-title{display:flex;align-items:center;gap:9px;font-size:25px;line-height:1.5;color:#663328;margin:9px 0 12px;outline:0}.sd-view-intro{font-size:14px;color:#9a7a68;line-height:1.7}.sd-thread-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:30px}.sd-thread{min-width:0}.sd-thread-author{gap:8px;font-size:12px;color:#967864;margin-bottom:18px}.sd-thread-author>span:last-child{margin-left:6px;color:#b29a89}.sd-thread-cover{width:100%;max-height:240px;aspect-ratio:3.2;object-fit:cover;border-radius:12px;margin:8px 0 22px}.sd-thread-body{font-size:15px;line-height:1.9;color:#755547}.sd-thread-body>p{margin-bottom:16px;white-space:pre-wrap;overflow-wrap:anywhere}.sd-thread-actions{gap:22px;margin:23px 0;padding:14px 0;border-top:1px solid #f0dccb;border-bottom:1px solid #f0dccb}.sd-thread-actions>button{display:flex;align-items:center;gap:5px;font-size:13px}.sd-thread-actions>button[aria-pressed=true]{color:#dc7a61}.sd-replies h3{display:flex;align-items:center;gap:7px;font-size:18px;margin-bottom:10px}.sd-replies h3>svg{color:#ef987c}.sd-replies h3>span{font-size:11px;color:#ad9381;font-weight:400}.sd-reply{display:flex;gap:10px;padding:16px 0;border-bottom:1px solid #f2e1d2}.sd-reply>.sd-avatar{width:34px;height:34px}.sd-reply>div{flex:1;min-width:0}.sd-reply-author{gap:7px;font-size:13px}.sd-reply-author small{margin-left:auto;color:#b49b87;font-size:11px}.sd-reply p{font-size:14px;line-height:1.8;margin:6px 0;color:#826352;white-space:pre-wrap;overflow-wrap:anywhere}.sd-reply-to{color:#c17b59}.sd-reply-actions{gap:20px;color:#ad8871;font-size:12px}.sd-empty{padding:20px 0;font-size:14px;color:#a68a75}.sd-thread-aside{align-self:start;padding:19px;background:#fcf0e3;border:1px solid #efddc9;border-radius:15px}.sd-thread-aside h3{display:flex;align-items:center;gap:6px;font-size:14px;line-height:1.6;margin-bottom:9px}.sd-thread-aside p{font-size:12px;line-height:1.8;color:#a18770}.sd-thread-aside>button{display:flex;align-items:center;justify-content:space-between;gap:7px;text-align:left;width:100%;font-size:12px;line-height:1.6;padding:12px 0;color:#ba795c}.sd-thread-aside>h3:not(:first-child){border-top:1px solid #e8d4be;margin-top:15px;padding-top:18px}.sd-thread-aside>.sd-related-thread{color:#926b53;border-bottom:1px solid #efddc9}.sd-thread-aside>.sd-related-thread:last-child{border:0}.song-detail-mode .song-discussions .sd-compose-form,.song-detail-mode .song-discussions .sd-reply-form{display:grid;gap:15px;margin-top:22px}.sd-compose-form>label,.sd-reply-form>label{display:grid;gap:8px;font-size:14px;color:#79513b}.song-discussions input,.song-discussions select,.song-discussions textarea{width:100%;padding:11px 13px;border:1px solid #e8cdb6;border-radius:10px;background:#fffcf8;color:#75513c;font-size:14px;line-height:1.6;box-sizing:border-box}.song-discussions textarea{resize:vertical;min-height:100px}.song-discussions select{width:190px}.sd-compose-form{max-width:880px}.song-discussions .sd-form-actions{justify-content:flex-end;gap:14px;margin:0}.song-discussions .sd-form-actions>button:not(.sd-primary){margin:0;background:transparent;color:#a1816a;border:1px solid #ecd5c2;border-radius:20px;padding:7px 20px;font-size:13px}.sd-form-actions>span{margin-right:auto;color:#b29a86;font-size:12px}.song-discussions .sd-form-hint{font-size:12px;color:#ae937e;line-height:1.7}.song-discussions .sd-error{font-size:13px;color:#c1654f;line-height:1.6}.sd-reply-form>label{display:flex;justify-content:space-between;align-items:center}.song-discussions .sd-reply-form>label>button{margin:0;padding:0;background:none;border:0;box-shadow:none;color:#ad8670;font-size:12px}.song-discussions .sd-status{display:flex;align-items:center;gap:6px;font-size:13px;margin-top:15px;color:#75905e;line-height:1.7}@container (max-width:1100px){.sd-heading-title h2{font-size:21px}.sd-heading-title p{font-size:12px}.sd-heading-actions{gap:8px}.sd-online{font-size:11px}.sd-heading-title{gap:7px}.sd-card-copy h3{font-size:15px}.sd-card-copy p{font-size:12px}.sd-card-copy{padding:6px 10px 4px}.sd-meta{padding:4px 8px 9px;gap:4px;font-size:11px}.sd-meta>button{font-size:11px;gap:4px}.sd-meta>button+button{margin-left:4px}.sd-avatar{width:24px;height:24px}.sd-level{font-size:9px;padding:0 4px}.sd-hot-heading h3{font-size:18px}.sd-categories{gap:5px}.sd-categories>button{padding:3px 11px;font-size:11px}.sd-hot-open{gap:9px}.sd-hot-open>strong{font-size:12px}.sd-hot-excerpt{font-size:10px}.sd-hot-author{width:124px;font-size:11px}.sd-hot-row{gap:9px}.sd-category{font-size:11px;padding:1px 8px}.sd-hot-row>.sd-like,.sd-hot-replies{font-size:11px;width:43px}.sd-thread-layout{grid-template-columns:minmax(0,1fr) 205px;gap:22px}}@container (max-width:820px){.sd-heading-title h2{font-size:18px}.sd-heading-title>svg{width:29px}.sd-heading-title p{font-size:11px}.sd-heading-actions{gap:8px}.sd-friends .sd-avatar{width:24px;height:24px}.sd-online{font-size:10px}.song-discussions .sd-publish{font-size:12px;min-height:29px;padding:4px 14px}.sd-featured{gap:12px}.sd-card-copy h3{font-size:13px}.sd-card-copy p{font-size:11px}.sd-card-badge{font-size:12px;line-height:18px;padding:2px 9px;top:7px;left:7px}.sd-meta{font-size:10px;gap:3px}.sd-meta>button{font-size:10px;gap:3px}.sd-meta>button>svg{width:15px}.sd-meta .sd-avatar{width:22px;height:22px}.sd-meta .sd-level{font-size:8px;padding:0 3px}.sd-hot-heading h3{font-size:16px}.sd-categories>button{font-size:10px;padding:2px 10px}.sd-hot-row{min-height:30px;gap:8px}.sd-hot-open>strong{font-size:11px}.sd-hot-author{width:107px;font-size:10px;gap:3px}.sd-hot-row .sd-row-chat{width:18px}.sd-hot-row>.sd-like,.sd-hot-replies{font-size:10px;width:38px}.sd-category{font-size:10px;line-height:18px;padding:0 7px}.sd-hot-excerpt{font-size:9px}.sd-hot-author .sd-avatar{width:21px;height:21px}.sd-hot-heading{margin-top:14px}.sd-thread-layout{grid-template-columns:1fr}.sd-thread-aside{display:none}}@container (max-width:680px){.sd-heading{flex-wrap:wrap}.sd-heading-title{flex-wrap:wrap;gap:6px}.sd-heading-title p{white-space:normal;line-height:1.6}.sd-heading-actions{margin-left:auto}.sd-card-copy h3{font-size:12px}.sd-card-copy p{font-size:10px}.sd-card-copy{padding:7px}.sd-meta{flex-wrap:wrap;padding:4px 7px 8px}.sd-meta-spacer{display:none}.sd-meta>button{margin-top:3px}.sd-meta>button:nth-last-child(2){margin-left:auto}.sd-meta>strong{max-width:72px}.sd-hot-heading{align-items:flex-start;flex-direction:column;gap:9px}.sd-categories{justify-content:flex-start;max-width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.sd-hot-excerpt,.sd-hot-author{display:none}.sd-hot-open>strong{max-width:none;flex:1}.sd-featured{gap:8px}.sd-card-badge{top:5px;left:5px;font-size:10px;padding:1px 6px;gap:3px}.sd-card-badge>svg{width:12px}.sd-view-title,.song-discussions .sd-view-title{font-size:20px}.sd-thread-body{font-size:14px}}.sd-hot-list{grid-template-columns:minmax(0,1fr);min-width:0}.sd-hot-row{min-width:0}.sd-heading-title h2:focus{outline:0}.sd-tone-乐谱选择{color:#e76c60;background:#ffe9df}.sd-hot-open>strong{font-weight:700}@container (max-width:820px){.sd-heading{margin-bottom:6px}.sd-heading-title>svg{height:29px}.sd-card-copy{padding:5px 10px 2px}.sd-card-copy h3{line-height:1.4}.sd-card-copy p{line-height:1.5;min-height:3em}.sd-meta{padding:2px 8px 6px}}@media(max-width:760px){.song-detail-mode .song-discussions{margin-top:12px;padding:12px 0 0}.sd-featured{grid-template-columns:1fr}.sd-card-picture>img{aspect-ratio:2.65}.sd-card-copy h3{font-size:16px}.sd-card-copy p{font-size:13px;min-height:0}.sd-card-copy{padding:9px 12px}.sd-meta{flex-wrap:nowrap;font-size:12px;padding:3px 12px 12px}.sd-meta .sd-avatar{width:26px;height:26px}.sd-meta>strong{max-width:none}.sd-meta-spacer{display:block}.sd-meta>button{font-size:12px}.sd-card-badge{font-size:13px;top:9px;left:9px;padding:3px 10px}.sd-card-badge>svg{width:16px}.sd-hot-row{min-height:52px;gap:6px}.sd-hot-open{flex-wrap:wrap;gap:3px 7px}.sd-hot-open>strong{flex-basis:100%;font-size:12px;white-space:normal;line-height:1.5}.sd-row-chat{display:none}.sd-hot-row>.sd-like{width:38px}.sd-hot-replies{width:35px}.sd-online{font-size:10px}.sd-heading-actions{width:100%;justify-content:flex-end}.sd-friends{margin-right:auto}.sd-heading-title p{font-size:11px}.sd-heading{margin-bottom:12px}.sd-view-toolbar{flex-wrap:wrap;font-size:11px;gap:9px}.sd-thread-author{flex-wrap:wrap;gap:5px}.sd-thread-author>span:last-child{margin-left:0}.sd-thread-actions{gap:15px;flex-wrap:wrap}.sd-replies h3{flex-wrap:wrap}.sd-form-actions>span{font-size:10px;max-width:45%;line-height:1.6}.sd-reply-author{flex-wrap:wrap}.sd-reply p{font-size:13px}.song-discussions>.sd-demo-note{text-align:left;font-size:9px}}.sd-load-more{display:flex;justify-content:center;padding:18px 0 4px}.song-discussions .sd-load-more>button{min-height:36px;padding:7px 30px;border:1px solid #e8cdb6;border-radius:20px;background:#fff9f1;color:#9b6250;font-size:13px}.sd-load-more>button:hover{background:#ffeddf;border-color:#e4aa8b}.sd-load-more>button:focus-visible{outline:2px solid #d97c60;outline-offset:3px}@font-face{font-family:MaShan;src:url(/static/classroom/assets/ma-shan-zheng.ttf) format("truetype");font-display:swap}:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#57271d;background:#fff0e3;font-synthesis:weight;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:500;--ink:#641f16;--coral:#ed745f;--muted:#8c6a5c;--line:#f0d3c2;--purple:#a276bd;--orange:#e78641;--page-max-width:1318px;--page-gutter:32px;--panel-inset:24px;--panel-border:1px;--hero-intro-height:361px;--page-width:min(var(--page-max-width),calc(100% - 2 * var(--page-gutter)));--page-content-width:calc(var(--page-width) - 2 * (var(--panel-inset) + var(--panel-border)))}*{box-sizing:border-box}body{margin:0;background:#fff0e3 url(/static/classroom/assets/page-paper.png) center top/100% 100% no-repeat;min-width:360px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{background:none;border:0;padding:0}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{transition:transform .16s,box-shadow .16s,background-color .16s}button:hover{filter:brightness(1.025)}button:focus-visible,a:focus-visible{outline:3px solid #c592d6;outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #d49480;outline-offset:1px}h1,h2,h3,p{margin:0}svg{flex-shrink:0;vertical-align:middle}img{display:block;max-width:100%}.site-header{height:44px;background:#fffaf5ed;position:relative;z-index:10;border-bottom:1px solid #f8e5d5}.header-inner{height:100%;width:var(--page-content-width);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:38px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:#ec775f}.brand strong{font-family:Songti SC,STSong,serif;color:var(--ink);font-size:21px;font-weight:900;letter-spacing:1.7px;line-height:24px;display:block}.brand small{color:#8b6c5c;font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:4px}.brand>svg{filter:drop-shadow(0 1px 0 white)}nav{display:flex;align-items:center;justify-content:space-between;gap:30px;flex:1;height:100%;white-space:nowrap}nav>button,nav>.dropdown-wrap>button{font-family:Songti SC,STSong,serif;font-size:15px;font-weight:900;display:flex;align-items:center;gap:5px;height:29px}nav .nav-active{background:#f48a74;color:#fff;border:1px solid #fff;border-radius:18px;padding:0 20px;box-shadow:inset 0 4px 7px #ffb9a3,0 1px 1px #d76e56;text-shadow:0 1px #ce6556}.header-actions{display:flex;align-items:center;gap:23px}.icon-button{display:inline-flex;align-items:center;justify-content:center}.notification{position:relative}.notification>span{position:absolute;top:-5px;right:-5px;font-size:9px;line-height:12px;width:12px;border-radius:50%;background:#f27d69;color:#fff;border:1px solid white}.profile{display:flex;gap:7px;align-items:center;background:#fce4db;border:1px solid #fff1e8;border-radius:25px;font-size:13px;white-space:nowrap;padding:1px 10px 1px 1px}.profile img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid white}.dropdown-wrap{position:relative}.dropdown{position:absolute;right:0;top:36px;background:#fffcf7;box-shadow:0 8px 26px #91553c25;border:1px solid #f0d8c9;border-radius:15px;min-width:190px;padding:12px;z-index:30;display:grid;gap:5px}.dropdown button{text-align:left;display:flex;align-items:center;gap:9px;padding:10px;border-radius:9px;font-size:13px}.dropdown button:hover{background:#ffebde}.dropdown strong{font-size:15px;padding:4px 7px 0}.dropdown small{color:var(--muted);font-size:11px;padding:0 7px 7px}.course-menu{left:0;right:auto}.mobile-toggle{display:none}.hero{position:relative;height:478px;isolation:isolate;overflow:hidden}.hero-art{position:absolute;top:0;left:0;width:100%;height:480px;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}.hero-content{position:absolute;inset:0 0 auto;height:var(--hero-intro-height);display:flex;flex-direction:column;justify-content:center;gap:10px}.hero-heading{position:relative;left:calc(50% - 292px);width:620px;text-align:center}.hero-heading h1{font-family:MaShan,Songti SC,serif;font-size:47px;font-weight:400;letter-spacing:0;line-height:1.12;white-space:nowrap;color:#763728;text-shadow:0 2px 0 #fff7e9}.hero-heading em{font-style:normal;color:#ec765b}.hero-promises{display:flex;align-items:center;justify-content:center;gap:34px;margin-top:7px;font-family:Songti SC,STSong,serif;font-size:14px;font-weight:800}.hero-promises span{display:flex;align-items:center;gap:6px}.hero-promises svg{color:#ef783c}.learning-note{position:absolute;top:44px;left:calc(50% + 357px);width:184px;min-height:164px;padding:18px 14px 12px;background:#fff5d9;border:2px solid #fffdf1;border-radius:5px;transform:rotate(-8deg);box-shadow:0 5px 10px #9b704b27;font-family:Songti SC,STSong,serif}.learning-note h2{font-size:14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;white-space:nowrap}.learning-note h2 svg{color:#fa8166}.learning-note p{font-size:11px;display:flex;align-items:center;gap:5px;line-height:26px;white-space:nowrap;border-bottom:1px dashed #e1c99b}.learning-note p svg{color:#889449}.search-panel{position:relative;left:calc(50% - 290px);width:610px;display:flex;flex-direction:column;gap:10px;border:1.5px solid #fffef5;border-radius:31px;background:#fffbf1bf;box-shadow:0 4px 12px #bf866731,inset 0 0 25px #fffaf0;padding:16px 25px}.search-panel>h2{font-family:Songti SC,STSong,serif;display:flex;align-items:center;justify-content:center;gap:9px;font-size:24px;letter-spacing:1px;font-weight:900;color:var(--ink);line-height:32px}.search-panel>h2 svg{color:#d96a48}.search-help{text-align:center;color:#9b7869;font-size:12px;line-height:18px;white-space:nowrap}.search-form{height:39px;flex-shrink:0;display:flex;align-items:center;gap:10px;background:#fffdfa;border:1px solid #e99d7f;box-shadow:0 2px 5px #df947a23,inset 0 1px 3px #bf876510;border-radius:30px;padding-left:13px;margin-top:0}.search-form>svg{color:#ac725a}.search-form input{border:0;min-width:0;flex:1;color:#704537;background:transparent;outline:0;font-size:13px;letter-spacing:.4px}.search-form input::placeholder{color:#927365}.coral-button{background:#ef7c67;border:1px solid white;box-shadow:inset 0 4px 9px #ffad97,0 1px 2px #c36b5224;color:#fffdf7;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;text-shadow:0 1px #c86958;padding:7px 18px}.coral-button:hover{background:#e56a55;box-shadow:inset 0 3px 8px #ffa38b,0 2px 7px #c36b5244}.search-form .coral-button{height:37px;min-width:90px;font-size:18px;letter-spacing:4px;margin:-1px}.score-types{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:7px}.score-types>button{height:31px;border:1px solid #f6d8be;background:#fff2e3;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:19px;white-space:nowrap;font-size:13px;font-family:Songti SC,STSong,serif;font-weight:700}.score-types svg{color:#dd7256}.score-types .more-type{font-family:inherit;padding:0 1px;border:0;background:transparent;color:#9d5b43;font-size:12px;gap:3px}.score-types .selected{border-color:#df9876;background:#ffe3d4}.number-icon{color:#d75e42;font-size:19px;letter-spacing:1px;font-family:Georgia,serif}.hot-search{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px}.hot-search b{display:flex;align-items:center;gap:4px;color:#6d3329;font-family:Songti SC,STSong,serif;font-size:13px}.hot-search b svg{color:#fa8c53}.hot-search button{background:#fae9dd;border:1px solid #f5d6c8;border-radius:15px;padding:3px 13px;font-size:11px}.hot-search button:last-child{padding:3px 10px}.feature-grid{position:absolute;top:var(--hero-intro-height);width:var(--page-content-width);left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.feature-card{min-width:0;height:107px;border:1.5px solid #fffef3;border-radius:36px;background:#f9e5efdb;box-shadow:0 3px 8px #a16b4b24;position:relative;display:flex;align-items:center;flex-direction:column;padding:47px 5px 7px}.feature-card.peach{background:#ffe5cbdc}.feature-card.pink{background:#ffd9d8dd}.feature-card.yellow{background:#ffedc9e0}.feature-card>img{position:absolute;top:-17px;left:50%;transform:translate(-50%);width:112px;height:69px;object-fit:contain;filter:drop-shadow(0 2px 0 #fff9f0)}.feature-card h2{font-family:Songti SC,STSong,serif;font-size:21px;color:var(--ink);font-weight:900;letter-spacing:2px;line-height:26px}.feature-card p{font-size:12px;margin-top:3px;display:flex;align-items:center;gap:3px;font-family:Songti SC,STSong,serif;font-weight:600;letter-spacing:.3px}.feature-card:hover{transform:translateY(-3px);box-shadow:0 6px 14px #a16b4b30}.content-shell{width:var(--page-width);margin:0 auto;padding-bottom:16px}.glass-panel{background:#fffcf7dd;border:var(--panel-border) solid white;border-radius:21px;box-shadow:0 4px 13px #a6724c18}.scores-section{min-height:284px;padding:var(--panel-inset) var(--panel-inset) 12px;scroll-margin-top:12px}.section-heading{min-height:36px;padding-bottom:12px;display:flex;align-items:center;gap:28px;white-space:nowrap}.section-heading h2{font-family:Songti SC,STSong,serif;font-size:22px;font-weight:900;letter-spacing:.5px;color:var(--ink);display:flex;align-items:center;gap:10px}.section-heading h2>svg{color:#ec7e5e}.section-heading>p{font-size:12px;letter-spacing:.5px;color:#806c61}.outline-button{border:1px solid #f0bda0;border-radius:22px;background:#fffaf1;color:#b94f36;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 15px;box-shadow:inset 0 0 0 1px #fff;font-size:13px;white-space:nowrap}.outline-button:hover{background:#ffebdb;border-color:#e9a37d}.more-scores{margin-left:auto;padding:5px 16px;font-family:Songti SC,STSong,serif;font-size:15px;font-weight:700}.scores-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.score-card{min-width:0;border:1px solid #f4ddcb;border-radius:15px;overflow:hidden;background:#fffcf8;box-shadow:0 3px 6px #a56d4c12;transition:transform .2s,box-shadow .2s}.score-card:hover{transform:translateY(-3px);box-shadow:0 7px 12px #a56d4c21}.score-cover{display:block;position:relative;width:100%;height:122px;overflow:hidden}.score-cover img{height:100%;width:100%;object-fit:cover}.score-badge{position:absolute;top:5px;left:8px;background:#f58a78;border:1px solid #ffb9a7;color:#fff;border-radius:11px;padding:1px 10px;font-size:14px;text-shadow:0 1px #ce6752;box-shadow:inset 0 3px 5px #ffa792}.score-badge.purple{background:#bf8eeb;border-color:#d3b0ee;box-shadow:inset 0 3px 5px #d7b6f3;text-shadow:0 1px #ab75d5}.score-info{padding:0 11px 8px}.score-title{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:24px}.score-title h3{font-family:Songti SC,STSong,serif;font-size:17px;font-weight:900;color:#4f241b;white-space:nowrap}.save-button{display:flex;align-items:center;justify-content:center;color:#b36164;padding:2px;margin-right:-4px}.save-button.is-saved{color:#ec735f}.instrument-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:0 9px 0 6px;height:18px;border-radius:12px}.purple{color:#a278c2}.instrument-badge.purple{background:#efe0f5;color:#9467b0}.orange{color:#e59246}.instrument-badge.orange{background:#ffead6;color:#bf7946}.rose{color:#b66588}.difficulty{font-family:Songti SC,serif;display:flex;align-items:center;font-size:11px;gap:4px;margin-top:1px;height:20px;letter-spacing:1px}.rating{display:inline-flex;align-items:center;gap:1px;color:#bcada0}.rating .filled{color:#f5b332}.card-actions{display:flex;align-items:center;gap:10px;margin:1px -1px 0}.card-actions>button{height:27px;flex:1;min-width:0;padding:2px 5px;font-size:12px}.card-actions .coral-button{font-weight:600}.filter-status{display:flex;justify-content:space-between;align-items:center;background:#ffeedf;border-radius:12px;padding:7px 12px;font-size:12px;margin-bottom:10px}.filter-status>button{display:flex;align-items:center;gap:5px;color:#b46c54}.empty-state{padding:30px;text-align:center;color:#a4735e;display:flex;align-items:center;flex-direction:column;gap:12px}.empty-state h3{font-size:18px}.empty-state p{font-size:13px}.community-section{margin-top:6px;padding:var(--panel-inset) var(--panel-inset) 12px;min-height:263px;scroll-margin-top:12px}.community-section>.section-heading{min-height:38px;gap:30px;padding:0 0 6px}.community-section .section-heading h2{font-size:22px;letter-spacing:.5px}.upload-button{margin-left:auto;padding:3px 25px;height:35px;letter-spacing:1px;font-size:15px;min-width:191px;font-family:Songti SC,STSong,serif}.community-layout{display:grid;grid-template-columns:minmax(0,885px) minmax(0,1fr);gap:18px}.community-tabs{height:33px;display:flex;align-items:flex-start;justify-content:space-between;gap:9px;white-space:nowrap}.community-tabs button{border:1px solid #ecd7c9;border-radius:20px;background:#fffcf8;padding:4px 15px;font-size:13px;min-width:75px;height:29px;display:flex;align-items:center;justify-content:center;gap:5px;color:#996a66;font-family:Songti SC,STSong,serif;font-weight:700}.community-tabs button.active{background:#f0836b;color:#fff7e9;border-color:#fff;box-shadow:inset 0 4px 7px #ffad88}.community-tabs button.active svg{color:#ffdb74}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding-top:5px}.post-card{min-width:0;overflow:hidden;background:#fffcf8;border:1px solid #f2ddce;border-radius:13px}.post-cover{position:relative;width:100%;height:116px;display:block;overflow:hidden}.post-cover img{width:100%;height:100%;object-fit:cover}.play-bubble{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:35px;height:35px;border:2px solid #fff5eb;border-radius:50%;background:#5b45396e;color:#fff;padding-left:3px;box-shadow:0 1px 2px #49392c36}.video-duration{position:absolute;bottom:5px;right:5px;border-radius:6px;background:#5b443cc2;color:#fff;padding:1px 4px;font-size:12px}.post-card>h3{font-family:Songti SC,STSong,serif;font-size:14px;font-weight:900;margin:3px 8px 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:20px}.post-meta{display:flex;align-items:center;gap:5px;font-size:10px;color:#957c73;padding:0 8px 5px;white-space:nowrap;line-height:20px}.post-meta>img{width:22px;height:22px;border-radius:50%;object-fit:cover}.post-meta .level-tag{color:#a274bc;background:#f0e3f5;border-radius:8px;line-height:15px;padding:0 5px;font-size:9px}.post-meta>button{font-size:10px;display:flex;gap:4px;align-items:center}.post-meta>button:nth-last-child(2){margin-left:auto}.post-meta>button svg{color:#ca7778}.post-meta>button:last-child{margin-left:8px}.discussion-panel{background:#fffcf9;border:1px solid #f0decd;border-radius:17px;align-self:start;overflow:hidden;padding:0 15px 4px;margin-top:0}.discussion-heading{display:flex;align-items:center;justify-content:space-between;height:39px;border-bottom:1px solid #ead6c6}.discussion-heading h3{font-family:Songti SC,STSong,serif;font-size:21px;font-weight:900;display:flex;align-items:center;gap:8px;color:var(--ink);letter-spacing:2px}.discussion-heading h3 svg{color:#d97b74}.discussion-heading>button{font-size:11px;display:flex;align-items:center;gap:2px;color:#b16f66}.discussion-row{display:flex;align-items:center;width:100%;gap:10px;text-align:left;height:31px;border-bottom:1px solid #e9dacf;font-family:Songti SC,STSong,serif}.discussion-row:last-child{border:0}.discussion-row>span{font-size:12px;color:#49342c;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discussion-row>small{display:flex;align-items:center;gap:6px;font-size:11px;margin-left:auto;color:#986a65;font-family:PingFang SC,sans-serif}.empty-feed{height:175px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#ae7d6d;font-size:13px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:100;background:#fffcf6;border:1px solid #ebc6ad;box-shadow:0 6px 30px #7945252b;padding:14px 23px;border-radius:15px;display:flex;align-items:center;gap:10px;font-size:14px;white-space:nowrap}.toast svg{color:#e58060}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#5b342665;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:600px;max-width:100%;background:#fffaf3;border:2px solid white;border-radius:27px;box-shadow:0 20px 80px #57321e45;padding:35px;position:relative;max-height:90vh;overflow:auto}.close-modal{position:absolute;right:18px;top:18px;color:#9e7563}.modal h2{font-family:Songti SC,STSong,serif;color:var(--ink);font-size:28px;line-height:1.5;padding-right:20px}.modal h2>small{display:block;font-family:PingFang SC,sans-serif;font-size:12px;font-weight:400;color:#9a7866;margin-top:2px}.eyebrow{display:flex;align-items:center;gap:8px;color:#c27d62;font-size:11px;letter-spacing:1px;margin-bottom:8px}.modal-intro{font-size:13px;line-height:1.8;color:#927461;margin:8px 0 22px}.practice-score{width:100%;height:220px;object-fit:cover;border-radius:16px;margin:18px 0 12px;border:1px solid #ecd8c3}.practice-info{display:flex;align-items:center;gap:17px;font-size:12px;color:#92725f}.practice-info>span{display:flex;align-items:center;gap:5px}.tempo-label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;margin:23px 0 18px}.tempo-label b{color:#d57f61;font-size:12px}.tempo-label input{width:100%;accent-color:#e6896c;height:6px;margin-top:6px}.modal progress{width:100%;height:5px;border:none;border-radius:6px;accent-color:#e88a72;background:#f4dec9}.modal progress::-webkit-progress-bar{background:#f4dec9;border-radius:6px}.modal progress::-webkit-progress-value{background:#e88a72;border-radius:6px}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:17px;flex-wrap:wrap}.modal-actions button{min-height:37px}.modal-footnote{font-size:11px;color:#a78a79;line-height:1.7;text-align:center;margin-top:15px}.lesson-list{display:grid;gap:10px;margin:23px 0}.lesson-list>button{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #ecd5bf;background:#fff3e6;padding:15px 13px;border-radius:16px}.lesson-number{font-family:Georgia,serif;font-size:26px;color:#da9275;display:flex;width:37px;justify-content:center}.lesson-list strong{display:block;font-size:14px;font-weight:600}.lesson-list small{font-size:11px;color:#b18c73;display:block;margin-top:5px}.lesson-list>button>svg{margin-left:auto;color:#c2a38d}.lesson-list .complete{background:#f1f2df;border-color:#d7d9b4}.lesson-list .complete>svg{color:#9aa16c}.wide-button{display:flex;width:100%;margin-top:20px;min-height:43px;font-size:14px}.library-list{display:grid;gap:9px;margin-top:20px}.library-list>button{display:flex;align-items:center;text-align:left;gap:14px;padding:8px;border:1px solid #f0decb;border-radius:14px;background:#fff7ed}.library-list img{width:90px;height:55px;object-fit:cover;border-radius:8px}.library-list strong{font-family:Songti SC,serif;font-size:17px;display:block}.library-list small{display:block;color:#a48770;font-size:11px;margin-top:6px}.library-list .rating{margin-left:auto}.library-list button>svg:last-child{margin-left:auto}.publish-form{display:grid;gap:17px}.publish-form label{display:grid;gap:8px;font-size:13px}.publish-form input,.publish-form textarea,.publish-form select,.reply-form input{border:1px solid #e6cbb4;background:#fffdf8;border-radius:12px;padding:11px;color:#714d38;min-width:0;width:100%}.publish-form .wide-button{margin-top:0}.publish-form .modal-footnote{margin:0}.discussion-answer{display:flex;gap:12px;border:1px solid #eed8c4;background:#fff4e7;padding:19px;border-radius:16px;margin-top:25px}.discussion-answer img{width:40px;height:40px;border-radius:50%;object-fit:cover}.discussion-answer strong{font-size:14px}.discussion-answer small{display:block;font-size:10px;color:#b39179;margin-top:4px}.discussion-answer p{font-size:13px;line-height:1.9;margin-top:12px}.reply-form{display:flex;gap:10px;margin-top:22px}.reply-form input{flex:1}.reply-form button{white-space:nowrap}.all-discussions{display:grid;gap:12px;margin-top:22px}.all-discussions>button{display:flex;align-items:center;text-align:left;gap:14px;background:#fff2e4;border:1px solid #ecd3bc;padding:16px;border-radius:14px}.all-discussions>button>svg:first-child{color:#ce8b73}.all-discussions>button>svg:last-child{margin-left:auto}.all-discussions small{display:block;font-size:11px;color:#ac886c;margin-top:6px}.notification-card{display:flex;gap:17px;padding:22px 0;color:#c27e60}.notification-card h3{font-size:16px;margin-bottom:9px}.notification-card p{font-size:13px;line-height:1.9;color:#9b7760}.link-preview{background:#fff1e2;padding:15px;border:1px solid #eacdb3;border-radius:12px;overflow-wrap:anywhere;font-size:13px}@media(min-width:1600px){.hero-art{object-fit:cover;object-position:center 55%}.header-inner{max-width:1320px}}@media(max-width:1350px){.header-inner{gap:25px}nav{gap:22px}.header-actions{gap:17px}.brand strong{font-size:19px}.brand small{font-size:10px}.community-layout{grid-template-columns:minmax(0,2.45fr) minmax(300px,1fr);gap:14px}.section-heading{gap:18px}.section-heading>p{font-size:11px}.community-tabs{gap:5px}.community-tabs button{padding:4px 10px;min-width:64px;font-size:12px}.post-meta{gap:4px;font-size:9px;padding:0 5px 5px}.post-meta>button:last-child{margin-left:3px}.post-meta>button{font-size:9px}.post-card>h3{font-size:12px}.learning-note{left:calc(50% + 349px);width:172px}.learning-note h2{font-size:13px}.learning-note p{font-size:10px}.score-title h3{font-size:15px}.card-actions{gap:6px}.community-section .section-heading h2{font-size:21px}}@media(max-width:1150px){:root{--page-gutter:24px;--panel-inset:18px}.header-inner{gap:20px}nav{gap:18px}nav>button,nav>.dropdown-wrap>button{font-size:13px}.header-actions{gap:14px}.brand{gap:6px}.brand>svg{width:33px}.brand strong{font-size:17px;letter-spacing:1px}.brand small{font-size:9px;letter-spacing:1px}.search-shortcut,.profile span,.learning-note{display:none}.hero-heading{left:calc(50% - 235px)}.search-panel{left:calc(50% - 225px);width:570px}.search-panel>h2{font-size:22px}.hero-heading h1{font-size:43px}.hero-heading{width:590px}.search-help{font-size:11px}.score-types>button{padding:0 8px;font-size:12px}.score-types>button>svg{width:21px}.hot-search{gap:7px}.hot-search button{padding:3px 10px}.feature-grid{gap:10px}.feature-card h2{font-size:19px}.feature-card p{font-size:10px;letter-spacing:0}.feature-card{border-radius:30px}.scores-grid{gap:10px}.score-cover{height:112px}.score-info{padding:1px 8px 8px}.score-title h3{font-size:14px}.card-actions>button{font-size:10px}.section-heading h2{font-size:20px;gap:7px}.section-heading>p{font-size:10px;letter-spacing:0}.section-heading{gap:14px}.community-section>.section-heading>p{display:none}.community-layout{grid-template-columns:minmax(0,2.15fr) minmax(290px,1fr)}.community-tabs{gap:4px}.community-tabs button{padding:4px 7px;min-width:auto;font-size:11px}.post-meta .level-tag{display:none}.discussion-row{gap:6px}.discussion-row>span{font-size:11px}.post-meta>img{width:18px;height:18px}.post-meta>button:last-child{display:none}.post-cover{height:115px}.community-section .section-heading h2{font-size:20px}}@media(max-width:900px){:root{--page-gutter:20px;--panel-inset:14px;--hero-intro-height:397px}.site-header{height:60px}.brand strong{font-size:20px}.brand>svg{width:39px}.brand small{font-size:10px}.mobile-toggle{display:flex}nav{display:none;position:absolute;left:15px;right:15px;top:66px;height:auto;padding:17px;background:#fff9f0;border:1px solid #e8c4aa;border-radius:18px;box-shadow:0 7px 25px #7c4b2a25;flex-wrap:wrap;gap:18px;justify-content:flex-start}nav.open{display:flex}.profile span{display:block}.header-actions{gap:18px}.hero{height:520px}.hero-art{height:520px;object-position:37% center;opacity:.78}.hero-heading{width:100%;left:0}.hero-heading h1{font-size:39px}.hero-promises{font-size:12px;gap:22px}.search-panel{left:50%;transform:translate(-50%);width:min(570px,var(--page-content-width));background:#fffaf1e8}.feature-grid{gap:8px}.feature-card{height:110px;border-radius:26px}.feature-card p{font-size:9px}.feature-card>img{width:95px}.feature-card h2{font-size:18px;letter-spacing:1px}.scores-section{padding-bottom:15px}.section-heading{padding-bottom:18px}.section-heading>p{display:none}.scores-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.score-cover{height:135px}.score-title h3{font-size:17px}.score-info{padding:3px 12px 10px}.card-actions>button{font-size:12px;height:28px}.scores-section{min-height:0}.community-section{margin-top:12px;padding-bottom:15px}.community-layout{grid-template-columns:1fr}.post-meta .level-tag{display:block}.post-meta>button:last-child{display:flex}.post-meta{font-size:9px}.post-meta>img{width:20px;height:20px}.post-card>h3{font-size:12px}.discussion-panel{margin-top:0}.discussion-row>span{font-size:13px}.discussion-row{height:36px}.community-tabs button{font-size:12px;padding:4px 11px}.community-section>.section-heading{padding:0 0 6px}.upload-button{font-size:12px;min-width:160px;padding:3px 16px}.discussion-heading h3{font-size:20px}}@media(max-width:600px){:root{--page-gutter:12px;--panel-inset:10px;--hero-intro-height:427px}.site-header{height:59px}.header-inner{gap:10px}.brand strong{font-size:18px}.brand small{font-size:9px;letter-spacing:1px}.brand>svg{width:34px}.brand{gap:7px}.profile{padding:0;background:transparent;border:0}.profile>span,.profile>svg,.header-actions .notification{display:none}.header-actions{gap:12px}.hero{height:633px}.hero-art{height:100%;object-position:28% center;opacity:.5}.hero-heading{padding:0 9px}.hero-heading h1{font-size:29px;letter-spacing:-.5px;white-space:nowrap}.hero-promises{gap:12px;font-size:9px;margin-top:14px}.hero-promises span{gap:3px}.hero-promises svg{width:14px;height:14px}.search-panel{width:var(--page-content-width);gap:8px;padding:15px 14px;border-radius:25px;background:#fffaf2eb}.search-panel>h2{font-size:19px;letter-spacing:0;gap:6px}.search-panel>h2 svg{width:23px}.search-help{font-size:9px;line-height:16px;white-space:normal}.search-form{height:39px;padding-left:10px;gap:7px}.search-form>svg{width:19px}.search-form input{font-size:10px;letter-spacing:0}.search-form .coral-button{min-width:63px;font-size:15px;letter-spacing:2px}.score-types{margin-top:12px;gap:4px}.score-types>button{height:28px;padding:0 7px;font-size:10px;gap:3px}.score-types>button>svg{width:18px}.score-types>button:nth-child(3){display:none}.score-types .more-type{font-size:10px}.number-icon{font-size:15px}.hot-search{flex-wrap:wrap;gap:6px 5px}.hot-search b{font-size:10px}.hot-search b svg{width:14px}.hot-search button{font-size:9px;padding:3px 8px}.hot-search button:last-child{padding:3px 6px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.feature-card{height:92px;border-radius:25px;padding:37px 4px 6px}.feature-card>img{height:52px;width:80px;top:-17px}.feature-card h2{font-size:16px;line-height:21px;letter-spacing:1px}.feature-card p{font-size:8px;letter-spacing:0;gap:0;white-space:nowrap;margin-top:1px}.feature-card p>svg{width:9px}.feature-card:nth-child(4){grid-column:1}.feature-card:nth-child(5){grid-column:2/4}.content-shell{padding-bottom:15px}.glass-panel{border-radius:18px}.section-heading{gap:5px;padding-bottom:23px}.section-heading h2{font-size:16px;gap:6px;letter-spacing:0}.section-heading h2>svg{width:26px;height:29px}.more-scores{font-size:10px;padding:4px 7px;gap:0}.more-scores>svg{width:13px}.scores-section{padding-bottom:12px}.scores-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.score-cover{height:113px}.score-info{padding:2px 8px 8px}.score-title h3{font-size:15px}.score-title{height:25px}.score-badge{font-size:12px;padding:1px 7px}.save-button svg{width:16px}.card-actions{gap:6px}.card-actions>button{font-size:10px;height:26px}.difficulty{font-size:10px}.instrument-badge{font-size:10px;height:17px}.rating svg{width:11px}.community-section{padding-bottom:12px;margin-top:10px}.community-section .section-heading h2{font-size:15px;letter-spacing:0}.community-section .section-heading h2>svg{width:28px}.community-section>.section-heading{padding-bottom:23px;gap:5px}.upload-button{font-size:10px;min-width:104px;height:28px;padding:3px 7px;gap:4px;letter-spacing:0}.upload-button>svg{width:17px}.community-tabs{height:35px;justify-content:flex-start;overflow-x:auto;gap:6px;scrollbar-width:none}.community-tabs::-webkit-scrollbar{display:none}.community-tabs button{padding:4px 11px;flex-shrink:0;font-size:11px;height:28px}.post-grid{grid-template-columns:1fr;gap:11px;padding-top:0}.post-cover{height:auto;aspect-ratio:2.5}.post-card>h3{font-size:15px;line-height:24px;margin-top:4px}.post-meta{font-size:11px;padding:1px 8px 8px}.post-meta>button{font-size:11px}.post-meta>img{width:25px;height:25px}.post-meta .level-tag{font-size:10px}.post-meta>button:last-child{margin-left:12px}.community-layout{gap:12px}.discussion-heading h3{font-size:18px}.discussion-row>span{font-size:12px}.discussion-row>small{font-size:10px}.discussion-panel{padding:0 12px 4px}.modal-backdrop{padding:14px}.modal{padding:30px 21px 25px;border-radius:23px;max-height:92vh}.modal h2{font-size:25px}.modal-intro{font-size:12px}.practice-score{height:175px}.modal-actions{gap:7px}.modal-actions button{font-size:11px;padding:6px 10px}.toast{max-width:calc(100% - 24px);white-space:normal;font-size:12px;padding:13px 15px;width:max-content}.lesson-list strong{font-size:12px}.lesson-list>button{gap:7px;padding:12px 9px}.lesson-list small{font-size:10px}.library-list img{width:75px;height:49px}.library-list{gap:8px}.library-list>button{gap:10px}.library-list strong{font-size:15px}.modal .eyebrow{font-size:10px}.discussion-answer{padding:13px;gap:9px}.discussion-answer p{font-size:12px}.reply-form button{padding:7px 13px}.dropdown.profile-menu{right:-36px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(min-width:901px){.hero{height:480px}.hero-heading h1{font-size:41px;line-height:1.28;letter-spacing:-1px}.hero-promises{margin-top:7px}.content-shell{padding-bottom:12px}.scores-section{min-height:284px}.scores-grid{grid-template-columns:1.06fr 1.04fr .99fr 1fr 1.03fr 1.02fr}.score-info{display:flex;flex-direction:column;padding-bottom:7px}.instrument-badge{align-self:flex-start}.difficulty{height:18px}.score-title h3{font-size:18px}.score-title{min-height:24px}.community-section{min-height:260px;padding-bottom:6px}.post-cover{height:115px}.post-card>h3{margin-bottom:3px}}@media(min-width:901px){.feature-card>img{width:126px;height:78px;top:-21px}.hero-heading h1{font-weight:400}.score-badge{font-family:PingFang SC,sans-serif;font-weight:600}}.brand strong,nav>button,nav>.dropdown-wrap>button,.search-panel>h2,.feature-card h2,.section-heading h2,.community-section .section-heading h2,.score-title h3,.discussion-heading h3{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:650}.score-types>button,.hot-search b,.feature-card p,.community-tabs button,.post-card>h3,.discussion-row,.upload-button,.more-scores{font-family:PingFang SC,Microsoft YaHei,sans-serif}.difficulty{font-family:PingFang SC,Microsoft YaHei,sans-serif}.community-feed{min-width:0}.community-tabs{max-width:100%}.hero-note-decoration{position:absolute;left:-43px;top:13px;color:#f6b842;transform:rotate(-9deg);filter:drop-shadow(1px 2px 0 #fff4d9)}.hero-heart-decoration{position:absolute;left:-70px;top:57px;color:#ef8a71;transform:rotate(15deg)}.modal:focus{outline:none}@media(max-width:900px){.hero-note-decoration,.hero-heart-decoration{display:none}}@media(max-width:600px){.hero-heading h1{font-size:28px;white-space:normal;max-width:365px;margin:0 auto;line-height:1.23;letter-spacing:0}.hero-promises{margin-top:9px}.community-layout{grid-template-columns:minmax(0,1fr)}.community-feed,.post-grid,.post-card{min-width:0}.community-tabs{width:100%}}@media(max-width:600px){.hero-title-lead,.hero-title-end{display:block}}@media(min-width:901px){.hero-art{top:-6px;height:492px}}.feature-card>img{filter:none}.feature-card{padding:54px 5px 5px}.feature-card>img{width:100px;max-width:70%;height:52px;top:2px}.feature-card h2{line-height:26px}.feature-card p{line-height:16px}@media(max-width:900px){.feature-card>img{width:88px;height:50px;top:3px}}@media(max-width:600px){.feature-card{padding:44px 4px 2px}.feature-card>img{width:72px;height:40px;top:3px}.feature-card h2{line-height:21px}.feature-card p{line-height:11px;margin-top:1px}}@media(max-width:1150px){.feature-card p{font-size:clamp(8px,.9vw,10px);line-height:13px;white-space:nowrap;gap:1px}.feature-card p>svg{width:10px}}@media(min-width:601px)and (max-width:750px){.hero{height:640px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.feature-card:nth-child(5){grid-column:2/4}}@media(max-width:600px){.feature-card p{font-size:8px;line-height:10px;white-space:normal;max-width:100%;text-align:center}}.scores-section .score-filters{justify-content:flex-start;flex-wrap:wrap;gap:9px;margin:0 0 13px}.scores-section .score-filters>button{padding:0 14px}.scores-section .score-filters>button:nth-child(3){display:flex}.hero-art{top:-8px;height:calc(100% + 16px);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 60px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 60px),transparent 100%)}@media(max-width:600px){.scores-section .score-filters{gap:7px;margin-bottom:12px}.scores-section .score-filters>button{font-size:11px;padding:0 10px}}@media(max-width:900px){.hero-art{mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 74%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 74%)}.scores-section .score-filters>button{padding:0 10px}}.site-footer{margin-top:20px;border-top:1px solid #ebcbb6;background:linear-gradient(180deg,#fff5e9ed,#fce9d9f5);color:#795344}.footer-inner{width:var(--page-content-width);margin:0 auto}.footer-main{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:48px;padding:36px 0 30px;align-items:start}.footer-brand{gap:10px}.footer-brand strong{font-size:20px}.footer-brand small{font-size:10px;letter-spacing:1px;margin-top:4px}.footer-about>p{font-size:12px;line-height:1.9;margin:15px 0 0 47px;color:#8d6b59}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer-links h2{font-size:13px;color:var(--ink);margin:2px 0 13px;font-weight:650}.footer-links button{display:block;font-size:12px;line-height:1.6;margin-top:9px;text-align:left;min-height:24px}.footer-links button:hover,.back-to-top:hover{color:#c24f3b;text-decoration:underline;text-underline-offset:4px}.footer-encouragement{position:relative;border-left:1px dashed #e6bfa8;padding:0 0 0 36px;align-self:center}.footer-encouragement p{font-size:14px;line-height:1.9;color:#8d6b59}.footer-encouragement strong{font-weight:600;color:var(--ink)}.footer-note{position:absolute;right:9px;top:-4px;color:#e9ad59;transform:rotate(12deg)}.footer-encouragement>button{display:flex;align-items:center;gap:10px;font-size:12px;color:#bb513c;margin-top:12px;padding:6px 12px;border:1px solid #edc1a9;border-radius:20px;background:#fff9ef}.footer-bottom{display:flex;align-items:center;gap:22px;border-top:1px solid #ebd4c2;padding:17px 0 20px;font-size:10px;color:#8a6a59}.footer-bottom small{font-size:10px}.footer-bottom small span{margin:0 6px}.footer-demo{color:#8a6a59}.back-to-top{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:11px;min-height:28px;white-space:nowrap}@media(max-width:1050px){.footer-main{gap:25px;grid-template-columns:1.2fr 1.2fr 1fr}.footer-brand strong{font-size:17px;letter-spacing:1px}.footer-encouragement{padding-left:20px}.footer-note{display:none}.footer-about>p{margin-left:0}.footer-links{gap:15px}}@media(max-width:750px){.footer-main{grid-template-columns:1fr 1fr;gap:28px;padding:28px 0}.footer-about{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-about>p{margin:0;font-size:11px}.footer-encouragement{padding-left:24px}.footer-bottom{flex-wrap:wrap;gap:8px 16px}.footer-demo{order:3;width:100%}}@media(max-width:600px){.site-footer{margin-top:12px}.footer-main{gap:24px 20px;padding:26px 0 24px}.footer-about{display:block}.footer-about>p{margin:12px 0 0;font-size:12px}.footer-brand strong{font-size:20px}.footer-links{grid-column:1/-1;gap:20px}.footer-links h2{font-size:13px}.footer-links button{font-size:12px;min-height:32px;margin-top:3px}.footer-encouragement{grid-column:1/-1;border-left:0;border-top:1px dashed #e6bfa8;padding:18px 0 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.footer-encouragement p{font-size:12px}.footer-encouragement>button{margin:0;font-size:11px;padding:8px 11px;gap:4px}.footer-bottom{padding:14px 0 18px;gap:6px 10px}.footer-bottom small{max-width:75%;line-height:1.8}.footer-bottom small span{margin:0 3px}.back-to-top{font-size:10px;gap:4px}.footer-demo{font-size:10px}}.score-badge{display:inline-flex;align-items:center;gap:4px;top:8px;left:8px;padding:4px 7px;background:#fff9ef;color:#a84732;border:1px solid #fff5e4;border-bottom:2px solid #e89576;border-radius:4px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:11px;font-weight:650;line-height:14px;letter-spacing:.5px;text-shadow:none;box-shadow:0 2px 5px #60352220}.score-badge svg{color:#d96447}.score-badge.purple{background:#fcf8ff;color:#70508c;border-color:#faf3ff;border-bottom-color:#b798d0;text-shadow:none;box-shadow:0 2px 5px #47305b20}.score-badge.purple svg{color:#9271b2}.community-tabs{justify-content:flex-start;gap:8px;overflow-x:auto;scrollbar-width:none}.community-tabs::-webkit-scrollbar{display:none}.community-tabs button{flex:0 0 auto;min-width:0;padding-left:12px;padding-right:12px}@media(max-width:600px){.score-badge{top:6px;left:6px;padding:3px 6px;font-size:10px;gap:3px}.score-badge svg{width:11px;height:11px}.community-tabs{gap:6px}.community-tabs button{padding-left:10px;padding-right:10px}}.score-info{display:flex;flex-direction:column;align-items:stretch;padding:11px 11px 12px;gap:0}.score-title{height:auto;min-height:26px;gap:6px;margin:0 0 3px}.score-title h3{line-height:1.45;min-width:0}.score-artist{font-size:11px;line-height:18px;color:#8c6a5c;margin:0 0 8px}.score-info>.instrument-badge{align-self:flex-start;margin-bottom:5px}.score-info>.difficulty{height:auto;min-height:19px;margin:0 0 8px;letter-spacing:.5px}.score-info>.card-actions{margin:0;gap:8px}.score-info>.card-actions>button{height:28px}@media(max-width:600px){.score-info{padding:10px 9px 11px}.score-title{min-height:25px;margin-bottom:2px}.score-artist{font-size:11px;margin-bottom:7px}.score-info>.instrument-badge{margin-bottom:4px}.score-info>.difficulty{margin-bottom:7px}.score-info>.card-actions{gap:6px}}.score-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:22px;margin-bottom:9px;white-space:nowrap}.score-meta>.instrument-badge{flex-shrink:0;margin:0;font-size:10px;padding:0 5px;gap:3px}.score-meta>.difficulty{height:auto;min-height:0;margin:0;gap:2px;font-size:10px;letter-spacing:0}.score-meta .rating{gap:0}.score-meta .rating svg{width:11px;height:11px}@media(min-width:901px)and (max-width:1150px){.score-meta{gap:3px}.score-meta>.instrument-badge{font-size:9px;padding:0 3px;gap:2px}.score-meta>.instrument-badge svg{width:11px}.score-meta>.difficulty{font-size:9px}.score-meta .rating svg{width:9px;height:9px}}@media(max-width:600px){.score-meta{gap:3px;margin-bottom:8px}.score-meta>.instrument-badge{font-size:9px;padding:0 4px;gap:2px}.score-meta>.instrument-badge svg{width:12px}.score-meta>.difficulty{font-size:9px}.score-meta .rating svg{width:10px;height:10px}}.score-meta{justify-content:space-between;align-items:center;gap:8px;min-height:24px;margin:0 0 8px}.score-meta>.instrument-badge{display:inline-flex;align-self:center;align-items:center;height:19px;line-height:19px}.score-meta>.difficulty{display:flex;align-items:center;min-height:19px;line-height:19px}.score-meta .rating{display:inline-flex;align-items:center;height:19px}@media(min-width:901px)and (max-width:1150px){.score-meta{gap:5px}}@media(max-width:600px){.score-meta{gap:5px;min-height:24px;margin-bottom:8px}}.site-header{height:54px}@media(max-width:900px){.site-header{height:70px}}@media(max-width:600px){.site-header{height:69px}}.scores-section>.section-heading,.community-section>.section-heading{display:flex;align-items:center;gap:24px;min-height:36px;padding:0 0 16px}.section-heading>h2{flex-shrink:0}.scores-section .section-heading>.score-filters{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:7px;margin:0;min-width:0}.scores-section .section-heading>.score-filters>button{flex:0 0 auto;height:29px;padding:0 10px;font-size:11px;gap:5px}.scores-section .section-heading>.score-filters>button>svg{width:20px;height:20px}.section-heading .number-icon{font-size:17px}.scores-section .section-heading>.score-filters>.more-type{padding:0 2px}.section-heading>.community-tabs{display:flex;align-items:center;justify-content:flex-start;gap:7px;height:auto;min-width:0;max-width:100%;margin:0}.section-heading>.community-tabs>button{height:28px;font-size:11px;padding:3px 11px}.section-heading>.more-scores{flex-shrink:0}@media(max-width:1200px){.scores-section>.section-heading,.community-section>.section-heading{flex-wrap:wrap;gap:12px 20px}.scores-section>.section-heading>h2{order:0}.scores-section>.section-heading>.more-scores{order:1}.scores-section>.section-heading>.score-filters{order:2;flex-basis:100%}.community-section>.section-heading>.community-tabs{flex-basis:100%}}@media(max-width:600px){.scores-section>.section-heading,.community-section>.section-heading{padding-bottom:13px;gap:11px 8px}.scores-section .section-heading>.score-filters{overflow-x:auto;scrollbar-width:none;gap:6px}.scores-section .section-heading>.score-filters>button{padding:0 9px;font-size:10px;height:28px}.section-heading>.community-tabs{overflow-x:auto;gap:6px}.section-heading>.community-tabs>button{font-size:11px;padding:3px 10px}}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#d2a78d #fff1e4}html::-webkit-scrollbar{display:block;width:10px;height:10px}html::-webkit-scrollbar-track{background:#fff1e4}html::-webkit-scrollbar-thumb{background:#d2a78d;border:2px solid #fff1e4;border-radius:20px;min-height:48px}html::-webkit-scrollbar-thumb:hover{background:#bb896f}html::-webkit-scrollbar-thumb:active{background:#a86d53}html::-webkit-scrollbar-corner{background:#fff1e4}@media(forced-colors:active){html{scrollbar-color:auto}}.hero{overflow:visible}.hero-art-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:clip;pointer-events:none;z-index:-2}.hero:has(.search-suggestions){z-index:5}.hero-content:has(.search-suggestions){z-index:2}.search-control{position:relative;min-width:0}.search-form.is-expanded{border-color:#df896d;box-shadow:0 0 0 3px #efb79c35,0 2px 5px #df947a23}.search-form input:focus-visible{outline:none}.search-clear{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:25px;height:28px;color:#9e7968;border-radius:50%}.search-clear:hover{background:#f9e9dd}.search-suggestions{position:absolute;top:calc(100% + 9px);left:0;right:0;z-index:20;max-height:min(480px,58vh,var(--search-available-height,58vh));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d2a78d transparent;background:#fffcf6;border:1px solid #edc9b2;border-radius:19px;padding:5px 17px 7px;box-shadow:0 14px 35px #75462f2b,0 3px 9px #b7795420}.suggestion-section{padding:12px 0}.suggestion-section+.suggestion-section{border-top:1px dashed #efd9c8}.suggestion-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;min-height:23px}.suggestion-heading h3{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:#784736}.suggestion-heading h3>svg{color:#d77958}.suggestion-close{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#aa8070;margin:-3px -4px -3px 0}.suggestion-close:hover{background:#f9e9dd}.suggestion-chips{display:flex;flex-wrap:wrap;gap:7px}.popular-chips>button{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 9px;border:1px solid #f2d7c4;background:#fff0e4;border-radius:9px;font-size:11px}.popular-chips>button>span{color:#c37e62;font-size:10px;font-weight:650}.popular-chips>button:nth-child(-n+3)>span{color:#e06e4e}.popular-chips>button:hover{background:#ffe3d2;border-color:#e3ab8e}.clear-history{display:flex;align-items:center;gap:4px;min-height:24px;font-size:11px;color:#9c7866}.clear-history:hover{color:#bd503c}.history-chip{display:inline-flex;align-items:center;max-width:100%;background:#f7efe6;border:1px solid #ecdfd0;border-radius:9px}.history-term{min-width:0;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 3px 5px 9px;min-height:28px;font-size:11px;text-align:left}.history-term:hover{color:#bd503c}.remove-history{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:25px;height:28px;color:#ae8c76;border-radius:0 8px 8px 0}.remove-history:hover{background:#f1ddce;color:#bd503c}.search-history-empty{font-size:11px;line-height:1.7;color:#a58a77;padding:2px 0}.match-count{font-size:10px;color:#a58a77}.matching-section{padding-bottom:0}.matching-section>.suggestion-heading{margin-bottom:4px}.search-result{width:100%;display:flex;align-items:center;gap:10px;min-height:53px;padding:8px 6px;text-align:left;border-radius:10px}.search-result+.search-result{border-top:1px solid #f6e9dd}.search-result:hover,.search-result.is-active{background:#ffeddf}.search-result-icon{display:flex;align-items:center;justify-content:center;width:32px;height:34px;border:1px solid #f1d8bf;border-radius:9px;background:#fff1df;color:#cb8760}.search-result-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.search-result-text strong{font-size:12px;line-height:1.5;font-weight:600;color:#6b3b2c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-text small{font-size:10px;line-height:1.5;color:#9b7b67}.search-result>svg{color:#cba68e}.search-suggestions mark{color:#d65d40;background:#ffe4ca;border-radius:2px}.search-no-results{padding:17px 7px 20px;color:#9b7b67;font-size:12px;line-height:1.8;text-align:center}.search-link-action{display:flex;align-items:center;gap:10px;width:100%;padding:12px 5px;text-align:left;color:#bd6547}.search-link-action>span{display:flex;flex:1;flex-direction:column;gap:5px;font-size:12px}.search-link-action small{font-size:10px;color:#9b7b67}@media(max-width:600px){.search-suggestions{top:calc(100% + 7px);max-height:min(52vh,var(--search-available-height,52vh));padding:3px 12px 6px;border-radius:16px}.suggestion-section{padding:10px 0}.suggestion-heading{margin-bottom:7px}.suggestion-chips{gap:6px}.popular-chips>button{font-size:10px;min-height:29px;padding:4px 8px}.history-term{max-width:185px;font-size:10px}.search-history-empty{font-size:10px}.search-result{gap:8px;min-height:51px;padding:7px 3px}.search-result-icon{width:29px;height:32px}.search-result-text strong{font-size:12px}.search-clear{width:20px}}.score-search-page .results-shell{margin-top:4px}@font-face{font-family:ScoreBrush;src:url(/static/classroom/assets/ma-shan-zheng-wERnqapb.ttf) format("truetype");font-display:swap}.score-search-page{--search-ink: #63291e;--search-coral: #ff735e}.score-search-page .results-hero{height:244px}.score-search-page .results-hero-art{z-index:-2}.score-search-page .results-hero:before,.score-search-page .results-hero:after{content:"";position:absolute;top:0;height:241px;pointer-events:none;z-index:-1;background-size:100% 100%;background-repeat:no-repeat}.score-search-page .results-hero:before{left:0;width:425px;background-image:url(/static/classroom/assets/hero-left-BdABg-bC.png);-webkit-mask-image:linear-gradient(to right,#000 94%,transparent);mask-image:linear-gradient(to right,#000 94%,transparent)}.score-search-page .results-hero:after{right:0;width:164px;background-image:url(/static/classroom/assets/hero-piano-C17BtnPS.png);-webkit-mask-image:linear-gradient(to left,#000 92%,transparent);mask-image:linear-gradient(to left,#000 92%,transparent)}.score-search-page .results-hero-content{top:26px}.score-search-page .results-title-row{margin-bottom:12px;gap:20px}.score-search-page .results-title-row h1{font-family:ScoreBrush,Songti SC,serif;font-size:39px;letter-spacing:4px;line-height:43px}.score-search-page .results-title-row>p{font-weight:700}.score-search-page .results-search-panel{padding:11px 25px 13px}.score-search-page .results-search-form .coral-button{background-color:#ff7d67;font-weight:700}.score-search-page .results-hot-search>button{font-weight:700}.score-search-page .results-note{top:22px;padding:16px 12px 13px}.score-search-page .results-note h2{font-size:14px;font-weight:900}.score-search-page .results-note p{font-size:11px;font-weight:600}.score-search-page .results-shell{grid-template-columns:250px minmax(0,1fr);gap:5px}.score-search-page .results-sidebar{padding:14px 15px 18px}.score-search-page .sidebar-heading{padding-bottom:7px}.score-search-page .filter-group h3{margin-bottom:7px;line-height:22px}.score-search-page .filter-options{gap:7px 8px}.score-search-page .filter-options>button,.score-search-page .filter-options>select{height:22px;min-height:22px;padding:0 3px;line-height:20px;font-weight:600}.score-search-page .filter-level .filter-options{gap:7px 5px}.score-search-page .filter-level{padding:10px 0 14px}.score-search-page .filter-instrument{padding:8px 0 12px}.score-search-page .filter-style{padding:14px 0 12px}.score-search-page .filter-key{padding:14px 0 13px}.score-search-page .filter-sort{padding:8px 0 0}.score-search-page .filter-sort>div{gap:8px}.score-search-page .filter-sort label{font-family:PingFang SC,sans-serif;font-weight:600;line-height:20px}.score-search-page .filter-sort input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #f5b6a1;border-radius:50%;width:18px;height:18px;background:#fffaf5}.score-search-page .filter-sort input:checked{background:#ff755f;box-shadow:inset 0 0 0 3px #fffaf5;border-color:#ff755f}.score-search-page .filter-sort input:focus-visible{outline:2px solid #b17bcc;outline-offset:3px}.score-search-page .results-panel{padding:0 15px 13px;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:12px;align-items:center;align-content:start}.score-search-page .results-heading-row{display:contents}.score-search-page .results-heading-row h2{font-family:PingFang SC,sans-serif;font-size:19px;font-weight:700;min-height:54px;min-width:0}.score-search-page .results-heading-row h2>span{font-family:Songti SC,serif;font-size:16px;font-weight:700}.score-search-page .results-type-tabs{gap:10px;justify-content:flex-end}.score-search-page .results-type-tabs>button{padding:1px 16px;font-weight:700}.score-search-page .results-toolbar{display:contents}.score-search-page .current-filters{display:none}.score-search-page .sort-select{grid-column:3}.score-search-page .results-score-grid,.score-search-page .results-panel>.empty-state{grid-column:1 / -1}.score-search-page .results-score-grid{gap:12px 15px}.score-search-page .results-score-grid .score-info{padding:11px 11px 14px}.score-search-page .results-score-grid .score-title{min-height:24px;margin:0}.score-search-page .results-score-grid .score-title h3{font-size:18px;font-weight:700;line-height:25px}.score-search-page .results-score-grid .score-artist{margin:2px 0 6px;font-size:12px;line-height:18px;color:#a16e5c}.score-search-page .results-score-grid .score-meta{min-height:21px;margin:0 0 8px}.score-search-page .results-score-grid .difficulty{font-size:10px;font-weight:600}.score-search-page .results-score-grid .rating{color:#c7bcaa}.score-search-page .results-score-grid .rating .filled{color:#ffb316}.score-search-page .results-score-grid .card-actions{gap:10px}.score-search-page .results-score-grid .card-actions>button{height:27px;font-size:12px}.score-search-page .results-score-grid .outline-button{border-color:#ffb49b;color:#f0684d}.score-search-page .results-score-grid .coral-button{background-color:#ff7d67;font-weight:700}.score-search-page .results-score-grid .save-button{color:#ff6259}.score-search-page .results-score-grid .save-button.is-saved{color:#e94f50}.score-search-page .results-score-grid .instrument-badge.orange{background:#ffead4;color:#ef8a42}.score-search-page .results-score-grid .instrument-badge.purple{background:#eddbfc;color:#a37dc2}.score-search-page .results-score-grid img[src$="score-sunny.png"]{content:url(/static/classroom/assets/cover-sunny-clean-Bpe3VBi8.png)}.score-search-page .results-score-grid img[src$="score-confession.png"]{content:url(/static/classroom/assets/cover-confession-Dcy_1COV.png)}.score-search-page .results-score-grid img[src$="score-rice.png"]{content:url(/static/classroom/assets/cover-rice-Cb5jkbSi.png)}.score-search-page .results-score-grid img[src$="score-fireworks.png"]{content:url(/static/classroom/assets/cover-fireworks-FyGEWwhV.png)}.score-search-page .results-score-grid img[src$="score-windmill.png"]{content:url(/static/classroom/assets/cover-windmill-CcX-oaYs.png)}.score-search-page .results-score-grid img[src$="score-nocturne.png"]{content:url(/static/classroom/assets/cover-nocturne-DBtSBRdf.png)}.score-search-page .results-score-grid img[src$="score-secret.png"]{content:url(/static/classroom/assets/cover-secret-GEkew-qz.png)}.score-search-page .results-score-grid img[src$="score-north.png"]{content:url(/static/classroom/assets/cover-north-BxUovuo1.png)}.score-search-page .results-score-grid img[src$="score-simple.png"]{content:url(/static/classroom/assets/cover-simple-DkndFbn7.png)}.score-search-page .results-score-grid img[src$="score-clock.png"]{content:url(/static/classroom/assets/cover-clock-EwQn4oD6.png)}.score-search-page .results-community{margin-left:7px;padding:13px 16px 12px 20px;min-height:228px}.score-search-page .results-community-heading{gap:20px;margin-bottom:16px}.score-search-page .results-community-heading h2{font-family:PingFang SC,sans-serif;font-size:20px;font-weight:700}.score-search-page .results-community-layout{grid-template-columns:minmax(0,2.4fr) minmax(260px,1fr)}.score-search-page .results-community-layout .post-grid{padding-top:0}.score-search-page .results-community-layout .post-cover{height:90px}.score-search-page .results-community-layout img[src$="community-piano.png"]{content:url(/static/classroom/assets/forum-piano-xTbMADL8.png)}.score-search-page .results-community-layout img[src$="community-guitar.png"]{content:url(/static/classroom/assets/forum-guitar-D7BL6hbD.png)}.score-search-page .results-community-layout img[src$="community-vocal.png"]{content:url(/static/classroom/assets/forum-vocal-uss9xYTN.png)}.score-search-page .results-community-layout .post-cover>img{object-position:center}.score-search-page .results-community-layout .play-bubble,.score-search-page .results-community-layout .video-duration{visibility:hidden}.score-search-page .results-community-layout .post-card h3{font-size:11px;font-weight:650}.score-search-page .results-community-layout .discussion-row{height:25px;min-height:25px}.score-search-page .results-community-layout .discussion-panel{padding-bottom:3px}.score-search-page .results-community-layout .discussion-row>span{font-weight:600}.score-search-page .results-community-layout .post-meta{color:#a76b5a}.score-search-page .results-community-layout .post-meta>button{color:#b4534e}@media(min-width:1400px){.score-search-page .results-sidebar{min-height:694px}.score-search-page .results-score-grid .score-card{height:auto}.score-search-page .results-score-grid .score-cover{height:96px}}@media(max-width:1430px){.score-search-page .results-type-tabs{gap:7px}.score-search-page .results-type-tabs>button{padding:1px 11px}.score-search-page .results-heading-row h2{font-size:17px}.score-search-page .results-heading-row h2>span{font-size:14px}.score-search-page .results-title-row h1{font-size:34px;letter-spacing:2px}}@media(max-width:1250px){.score-search-page .results-shell{grid-template-columns:216px minmax(0,1fr);gap:10px}.score-search-page .results-community-layout{grid-template-columns:minmax(0,1fr)}.score-search-page .results-community-heading{flex-wrap:wrap;gap:9px}.score-search-page .results-community-heading h2{font-size:18px}.score-search-page .results-search-panel{padding:11px 18px 13px}}@media(max-width:1000px){.score-search-page .results-shell{grid-template-columns:195px minmax(0,1fr)}.score-search-page .results-sidebar{padding-inline:10px}.score-search-page .results-hero:before{width:350px;background-size:auto 100%}.score-search-page .results-hero-content{top:28px}.score-search-page .results-score-grid .score-title h3{font-size:16px}}@media(max-width:760px){.score-search-page .results-hero{height:230px}.score-search-page .results-hero:before,.score-search-page .results-hero:after{opacity:.3}.score-search-page .results-hero-content{top:33px}.score-search-page .results-shell{grid-template-columns:1fr}.score-search-page .results-sidebar{padding:12px 14px}.score-search-page .filter-group{padding:10px 0}.score-search-page .results-community{margin-left:0;padding:13px 12px}.score-search-page .results-score-grid .score-info{padding-inline:8px}.score-search-page .results-score-grid .card-actions{gap:6px}.score-search-page .results-score-grid .card-actions>button{font-size:11px}}@media(max-width:520px){.score-search-page .results-hero{height:213px}.score-search-page .results-hero-content{top:23px}.score-search-page .results-title-row{margin-left:6px}.score-search-page .results-title-row h1{font-size:31px;letter-spacing:3px}.score-search-page .results-search-panel{padding:10px 12px 13px}.score-search-page .results-type-tabs{gap:6px}.score-search-page .results-type-tabs>button{padding:0 10px}.score-search-page .results-heading-row h2{font-size:17px}.score-search-page .results-heading-row h2>span{font-size:13px}.score-search-page .results-score-grid .score-artist{font-size:11px}.score-search-page .results-score-grid .difficulty{font-size:9px}.score-search-page .results-score-grid .card-actions{gap:7px}.score-search-page .results-community-heading h2{font-size:17px}.score-search-page .results-community-layout .post-cover{height:auto;aspect-ratio:2.67}.score-search-page .results-community-layout .post-card h3{font-size:13px;padding:7px 9px 4px}.score-search-page .results-community-layout .discussion-row{min-height:31px;height:auto}}.score-search-page>.results-hero{display:none}.library-home-hero{--classroom-art-height: 480px;height:var(--classroom-art-height);overflow:visible}.library-home-hero .hero-art-frame{height:var(--classroom-art-height)}.library-home-hero .hero-art{height:calc(var(--classroom-art-height) + 16px)}@media(max-width:900px){.library-home-hero{--classroom-art-height: 520px}}@media(min-width:601px)and (max-width:750px){.library-home-hero{--classroom-art-height: 640px}}@media(max-width:600px){.library-home-hero{--classroom-art-height: 633px}}@media(max-width:1700px){.score-search-page .results-panel{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}.score-search-page .results-heading-row h2{grid-column:1 / -1;min-height:44px;white-space:normal;flex-wrap:wrap}.score-search-page .results-type-tabs{min-width:0;min-height:36px;width:auto;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.score-search-page .results-type-tabs>button{flex-shrink:0}.score-search-page .sort-select{grid-column:2}}.score-search-page .results-sidebar{min-height:0}.score-search-page .filter-instrument,.score-search-page .filter-sort{display:none}.score-search-page .filter-level .filter-options>button:not(:first-child){font-size:0;gap:0}.score-search-page .filter-key{border-bottom:0;padding-bottom:0}@media(max-width:760px){.score-search-page .filter-level{grid-column:1 / -1}}.score-search-page .results-community{display:none}