/* 曦曦的美食系统 v15 · 背景音乐：正在播放、主题曲按钮、音乐台 */
#bgmNow{position:fixed;left:12px;bottom:calc(14px + var(--sab));z-index:320;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;max-width:min(76vw,320px);padding:8px 14px 8px 10px;border-radius:12px;background:rgba(14,6,10,.88);border:1px solid rgba(242,200,107,.45);box-shadow:0 8px 24px rgba(0,0,0,.5);pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s}
#bgmNow.on{opacity:1;transform:none}
#bgmNow i{grid-row:1/3;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#2a1a10 22%,var(--gold) 24%,var(--gold) 46%,#3a2414 48%);animation:spin 3s linear infinite}
#bgmNow b{font-size:13.5px;color:#fff4e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#bgmNow small{font-size:11px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bgmHint{position:fixed;left:50%;bottom:calc(30px + var(--sab));z-index:330;transform:translateX(-50%);padding:7px 16px;border-radius:99px;font-size:13px;letter-spacing:.16em;color:#fff4e0;background:rgba(14,6,10,.75);border:1px solid rgba(242,200,107,.5);animation:pulse 1.6s infinite;pointer-events:none}
#tTheme{position:absolute;left:14px;top:calc(16px + var(--sat));z-index:6;display:flex;align-items:center;gap:6px;max-width:58vw;padding:5px 12px 5px 8px;border-radius:99px;background:rgba(14,6,10,.55);border:1px solid rgba(242,200,107,.4);color:#f4e8d8;font-size:12px}
#tTheme i{width:14px;height:14px;flex:none;border-radius:50%;border:2px solid var(--gold);border-right-color:transparent}#tTheme.playing i{animation:spin 1.6s linear infinite}
#tTheme span{color:var(--gold);letter-spacing:.12em}#tTheme b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bgmNowRow{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:rgba(242,200,107,.07);border:1px solid rgba(242,200,107,.3)}
.bgmNowRow b{display:block;font-size:15px;color:#fff4e0}.bgmNowRow small{font-size:12px;color:var(--mute)}
.bgmVol{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px;color:var(--dim)}.bgmVol input{flex:1;accent-color:var(--gold)}.bgmVol b{width:2.2em;text-align:right;color:var(--goldL)}
.bgmList{display:grid;gap:6px;margin-top:10px}
.bgmRow{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:7px 8px;border-radius:10px;border:1px solid var(--hair2);background:rgba(255,255,255,.02);text-align:left;width:100%}
.bgmRow.now{border-color:var(--gold);background:rgba(242,200,107,.08)}.bgmRow.sel{border-color:var(--gold)}.bgmRow.broken{opacity:.4}
.bgmRow b{display:block;font-size:13.5px;color:#fff1d8}.bgmRow small{font-size:11px;color:var(--mute)}
.bgmRow>i{font-style:normal;text-align:center;color:var(--gold)}
.bgmPlay{width:34px;height:34px;border-radius:50%;border:1px solid rgba(242,200,107,.5);color:var(--goldL);font-size:12px}
.bgmTheme{font-size:11.5px;padding:4px 9px;border-radius:99px;border:1px solid var(--hair2);color:var(--dim);white-space:nowrap}.bgmTheme.on{border-color:var(--gold);color:#3a1e06;background:var(--gold)}
@media (max-width:380px){.bgmRow{grid-template-columns:32px 1fr}.bgmTheme{grid-column:2;justify-self:start}}