.wave{width:100%;display:block;overflow:visible}.wave path{fill:none;stroke-width:4.5px;stroke-linecap:butt}.wave__base{stroke:var(--cs-ghost)}.wave__played{stroke:var(--cs-primary)}.wave__head{stroke:var(--cs-blue-700)}.sfr{border-top:1px solid var(--cs-line);grid-template-columns:48px minmax(0,1fr) 360px 108px auto;grid-template-areas:"play title wave dur act""play meta wave dur act";align-items:center;gap:2px 16px;min-height:72px;padding:12px 16px;transition:box-shadow .4s;display:grid;position:relative}.sfr+.sfr{padding-top:11px}.sfr:first-child{border-top:0;border-radius:14px 14px 0 0}.sfr:last-child{border-radius:0 0 14px 14px}.sfr:only-child{border-radius:14px}.sfr:hover{background:var(--cs-section)}.sfr:hover .sfr-play{border-color:var(--cs-link)}.sfr.is-playing{background:var(--cs-soft);box-shadow:inset 0 1px 0 var(--cs-subtle), inset 0 -1px 0 var(--cs-subtle)}.sfr.is-anchor{box-shadow:inset 0 0 0 3px var(--cs-primary);transition:none}.sfr.menu-open{z-index:3}.sfr-play{border:2px solid var(--cs-line-2);background:var(--cs-bg);width:48px;height:48px;color:var(--cs-link);box-shadow:0 3px 0 var(--cs-line-2);cursor:pointer;border-radius:50%;grid-area:play;justify-content:center;align-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:inline-flex;position:relative}.sfr-play:active{box-shadow:0 0 0 var(--cs-line-2);transform:translateY(3px)}.sfr.is-playing .sfr-play{background:var(--cs-primary);border-color:var(--cs-primary);color:#fff;box-shadow:0 3px 0 var(--cs-blue-btn-edge)}.sfr-play .spin{animation:.8s linear infinite sfr-spin}@keyframes sfr-spin{to{transform:rotate(360deg)}}.sfr .ring{fill:none;stroke-width:3px;width:calc(100% + 4px);height:calc(100% + 4px);display:none;position:absolute;inset:-2px}.sfr .ring-t{stroke:var(--cs-blue-400)}.sfr .ring-p{stroke:#fff}.sfr-title{grid-area:title;align-self:end;align-items:baseline;gap:8px;min-width:0;display:flex}.sfr-name{min-width:0;color:var(--cs-text);-webkit-line-clamp:2;text-wrap:pretty;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:700;line-height:22px;display:-webkit-box;overflow:hidden}.sfr-link{color:inherit;text-decoration:none}.sfr-link:hover{color:var(--cs-link);text-underline-offset:3px;text-decoration:underline}.sfr-ctx{text-overflow:ellipsis;min-width:0;overflow:hidden}.sfr-orig{color:var(--cs-text-2);white-space:nowrap;flex:none;font-size:13px;line-height:20px}.sfr-meta{color:var(--cs-text-2);white-space:nowrap;grid-area:meta;align-self:start;align-items:center;gap:8px;margin:0;font-size:13px;line-height:20px;display:flex}.sfr .badge{border-radius:var(--cs-radius-pill);background:var(--cs-section);border:1px solid var(--cs-line-2);min-height:22px;color:var(--cs-text-2);align-items:center;padding:0 8px;font-size:13px;font-weight:700;line-height:20px;display:inline-flex}.sfr-size{font-size:13px;line-height:20px}.sfr-wave{cursor:pointer;grid-area:wave;height:40px;display:block}.sfr.is-error .sfr-wave{opacity:.28}.sfr-dur{text-align:right;color:var(--cs-text);white-space:nowrap;grid-area:dur;font-size:14px;font-weight:500;line-height:20px;display:block}.sfr-dur b{color:var(--cs-link);font-weight:700}.sfr-act{grid-area:act;align-items:center;gap:4px;display:flex}.sfr .dl{border:2px solid var(--cs-line-2);border-radius:var(--cs-radius-button);background:var(--cs-bg);height:44px;color:var(--cs-link);box-shadow:var(--cs-shadow-button-lite);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:700;line-height:20px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background .12s;display:inline-flex}.sfr .dl:hover{background:var(--cs-soft);color:var(--cs-link)}.sfr .dl:active{box-shadow:0 0 0 var(--cs-line-2);transform:translateY(4px)}.sfr .dl[aria-busy=true]{cursor:progress}.sfr .dl.done svg{color:var(--cs-green-600)}.sfr .more{width:44px;height:44px;color:var(--cs-text-2);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.sfr .more:hover,.sfr .more[aria-expanded=true]{background:var(--cs-section);border-color:var(--cs-line-2);color:var(--cs-text)}.sfr-sub{grid-column:2/-1;min-width:0}.sfr-err{color:var(--cs-text-2);flex-wrap:wrap;align-items:center;gap:0 8px;margin-top:4px;font-size:13px;line-height:20px;display:flex}.sfr-err>svg{flex:none}.sfr-err strong{color:var(--cs-red-600);font-weight:700}.sfr .linkbtn{min-width:44px;min-height:44px;color:var(--cs-link);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-weight:700;text-decoration:underline;display:inline-flex}.sfr-ios{color:var(--cs-text-2);align-items:center;gap:6px;padding-top:8px;font-size:13px;line-height:18px;display:flex}.sfr-ios>svg{flex:none}.sfr .menu{z-index:3;background:var(--cs-bg);border:2px solid var(--cs-line-2);border-radius:14px;width:220px;padding:6px;position:absolute;top:62px;right:16px;box-shadow:0 10px 28px #21252929}.sfr .menu button{width:100%;min-height:44px;color:var(--cs-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:15px;font-weight:700;line-height:20px;display:flex}.sfr .menu button:hover,.sfr .menu button:focus-visible{background:var(--cs-soft);color:var(--cs-link)}.sfr .menu button:focus-visible{outline-offset:-3px}@media (width>=640px) and (width<=1023px){.sfr{grid-template-columns:48px minmax(160px,1fr) minmax(0,200px) 72px auto}.sfr-now{display:none}}@media (width<=639px){.sfr{grid-template-columns:44px auto minmax(0,1fr) auto;grid-template-areas:"play title title act""play dur meta act";column-gap:12px}.sfr:first-child,.sfr:last-child,.sfr:only-child{border-radius:0}.sfr:hover{background:0 0}.sfr.is-playing{background:var(--cs-soft)}.sfr-play{width:44px;height:44px}.sfr .ring{display:block}.sfr-name{font-size:15px;line-height:20px}.sfr-wave,.sfr-size,.sfr-now,.sfr-ctx{display:none}.sfr-dur{text-align:left;color:var(--cs-text-2);align-self:start;font-size:13px;line-height:18px}.sfr-meta{line-height:18px}.sfr .badge{min-height:20px;line-height:18px}.sfr .dl{gap:4px;padding:0 10px}.sfr .dl svg{width:16px;height:16px}.sfr-sub{grid-column:1/-1}.sfr .menu{top:60px;right:12px}}.sfl{background:var(--cs-bg);border:2px solid var(--cs-line);border-radius:var(--cs-radius-tile);box-shadow:var(--cs-shadow-card);margin:0;padding:0;list-style:none}.sfl-more-li{border-top:1px solid var(--cs-line);border-radius:0 0 14px 14px}.sfl-more{width:100%;height:56px;color:var(--cs-link);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0 0 14px 14px;grid-template-columns:48px auto minmax(0,1fr);align-items:center;column-gap:16px;padding:0 16px;font-size:15px;font-weight:700;line-height:20px;display:grid}.sfl-more:hover{background:var(--cs-soft)}.sfl-more:focus-visible{outline-offset:-3px}.sfl-more-ic{justify-content:center;display:flex}.sfl-more-d{color:var(--cs-text-2);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}@media (width<=639px){.sfl{box-shadow:none;border-left:0;border-right:0;border-radius:0;margin:0 -16px}.sfl-more-li,.sfl-more{border-radius:0}.sfl-more{grid-template-columns:44px auto minmax(0,1fr);column-gap:12px}}