.music-widget[hidden],.music-opener[hidden],.music-panel[hidden]{display:none!important}.music-widget{position:fixed;z-index:110;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font:12px/1.6 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;color:#494b40}.music-opener{border:1px solid #d9d4c9;border-radius:22px;background:#faf8f1f5;min-width:44px;min-height:44px;padding:8px 16px;color:inherit;cursor:pointer}.music-opener[data-playing=true]{color:#78805d;border-color:#a7af94}.music-panel{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);width:min(310px,calc(100vw - 28px));padding:18px;background:#faf8f1;border:1px solid #d9d4c9;border-radius:13px;box-shadow:0 12px 40px #34352f20}.music-panel header{display:flex;justify-content:space-between;align-items:center;gap:15px}.music-panel header button{font-size:23px;min-width:36px;min-height:36px}.music-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;font-weight:500}.music-state{font-size:10px;color:#929080;min-height:16px;margin:5px 0 12px}.music-transport{display:flex;align-items:center;justify-content:center;gap:15px}.music-transport button{min-width:48px;min-height:44px;border:1px solid #ddd9cc;border-radius:22px;padding:5px 12px}.music-transport button:disabled{opacity:.4}.music-volume{display:flex;align-items:center;gap:12px;font-size:10px;margin-top:16px}.music-volume input{flex:1;min-width:0;accent-color:#78805d}.music-panel>small{display:block;color:#999484;font-size:9px;margin-top:9px}.music-widget:focus-visible,.music-widget button:focus-visible{outline:2px solid #83936e;outline-offset:3px}
@media(max-width:900px){.music-widget{position:fixed;inset:0 0 auto auto;transform:none;width:0;height:0}.music-panel{position:fixed;left:auto;right:14px;top:74px;bottom:auto;transform:none}.phone-brand .music-opener{padding:0;border:0;background:transparent;min-width:30px;min-height:36px;font-size:16px;flex:none}.phone-navigation .phone-brand{gap:8px}.phone-brand .phone-view-mode{margin-left:auto}@media(max-width:360px){.phone-brand .brand{font-size:14px;letter-spacing:2px}.phone-navigation .phone-brand{gap:5px}.phone-brand .phone-view-mode a{padding:8px 5px}.phone-brand .music-opener{min-width:26px}}}
@media(max-width:900px){html[data-mobile-ui] .mobile-frame:has(.embedded-rail){height:clamp(340px,112vw,600px);touch-action:pan-x pan-y pinch-zoom!important}.screen-rail.embedded-rail,.screen-rail.embedded-rail .screen-page button{touch-action:pan-x pan-y pinch-zoom!important}.embedded-rail{height:100%;flex:none}.touch-viewer-track{width:100%;height:calc(100% - 130px);display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x pinch-zoom}.touch-viewer-track::-webkit-scrollbar{display:none}.touch-viewer-page{flex:0 0 100%;min-width:0;height:100%;margin:0;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;scroll-snap-stop:normal;padding:0 12px}.touch-viewer-page img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}html[data-mobile-ui] #lightbox{touch-action:auto}.touch-viewer-page:focus-visible{outline:2px solid #83936e}}
.music-widget .music-panel header{height:auto;min-height:40px;padding:0;gap:10px}.music-widget .music-title{min-width:0;flex:1}.music-widget .music-panel header button{flex:none}.music-widget .music-panel>small{line-height:1.8}