.motion-tools .music-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:168px;
  min-height:44px;
  padding:10px 12px;
  border:1px solid #98713c88;
  background:#110d08;
  color:#e4c88e;
  font-family:var(--sans,"Microsoft YaHei",sans-serif);
  font-size:14px;
  line-height:20px;
  white-space:nowrap;
  cursor:pointer;
  transition:background-color 300ms cubic-bezier(.22,1,.36,1),border-color 300ms cubic-bezier(.22,1,.36,1),color 300ms cubic-bezier(.22,1,.36,1);
}
.motion-tools .music-toggle:hover { background:#2b2112;border-color:#d1aa65; }
.motion-tools .music-toggle:active { background:#352713; }
.motion-tools .music-toggle:focus-visible { outline:2px solid #ead7aa;outline-offset:4px; }
.motion-tools .music-toggle[data-state="playing"] { border-color:#bd9658;color:#f0d69e; }
.motion-tools .music-toggle[data-state="unavailable"],
.motion-tools .music-toggle[data-state="error"] { color:#baaa8a; }
.motion-tools .music-disc { width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.2; }
.music-label { font-size:14px;line-height:20px; }
.music-equalizer { display:flex;align-items:center;justify-content:center;gap:2px;width:16px;height:18px;flex:none; }
.music-equalizer i { display:block;width:2px;height:14px;background:currentColor;transform:scaleY(.22);transform-origin:center;opacity:.55; }
.music-toggle[data-state="playing"] .music-equalizer i { opacity:.9;animation:silkMusicMeter 1200ms cubic-bezier(.22,1,.36,1) infinite alternate; }
.music-toggle[data-state="playing"] .music-equalizer i:nth-child(2) { animation-delay:-450ms;animation-duration:950ms; }
.music-toggle[data-state="playing"] .music-equalizer i:nth-child(3) { animation-delay:-800ms;animation-duration:1450ms; }
.music-toggle[data-state="playing"] .music-equalizer i:nth-child(4) { animation-delay:-250ms;animation-duration:1100ms; }
.music-notice { position:absolute;right:0;bottom:calc(100% + 12px);width:max-content;max-width:min(320px,calc(100vw - 32px));border:1px solid #98713c88;padding:12px 16px;background:#171109;color:#ead7aa;font-family:var(--sans,"Microsoft YaHei",sans-serif);font-size:14px;line-height:20px;box-shadow:0 8px 32px #0005; }
.music-notice[hidden] { display:none; }
@keyframes silkMusicMeter { 0% { transform:scaleY(.25); } 35% { transform:scaleY(.68); } 65% { transform:scaleY(.4); } 100% { transform:scaleY(1); } }
@media(max-width:760px) { .motion-tools .music-toggle { min-width:160px;padding:10px 12px; } }
@media(prefers-reduced-motion:reduce) { .music-toggle[data-state="playing"] .music-equalizer i { animation:none;transform:scaleY(.65); } .music-toggle[data-state="playing"] .music-equalizer i:nth-child(even) { transform:scaleY(1); } }