.bp{--bp-theme: #00aeec;--bp-icon: hsla(0, 0%, 100%, .8);--bp-icon-hover: #fff;--bp-panel-bg: rgba(21, 21, 21, .9);--bp-track: hsla(0, 0%, 100%, .2);--bp-buffer: hsla(0, 0%, 100%, .3);position:relative;width:100%;height:100%;min-height:180px;overflow:hidden;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.bp *,.bp *:before,.bp *:after{box-sizing:border-box}.bp svg{display:block;width:1em;height:1em}.bp-video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.bp-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.bp-video--forced{object-fit:fill;flex:none}.bp-freeze{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:contain;display:none;pointer-events:none}.bp-freeze.bp-video--forced{object-fit:fill}.bp-freeze.bp-video--mirror{transform:translate(-50%,-50%) scaleX(-1)}.bp-freeze.bp-show{display:block}.bp-video--mirror{transform:scaleX(-1)}.bp-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer}.bp-top{position:absolute;left:0;right:0;top:0;z-index:3;height:72px;padding:20px 24px 0;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);pointer-events:none;display:none;transition:opacity .3s}.bp-top-title{font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 2px rgba(0,0,0,.4)}.bp--webfull .bp-top,.bp--fullscreen .bp-top{display:block}.bp-top-title:empty{display:none}.bp-state{position:absolute;right:30px;bottom:72px;z-index:4;width:64px;height:64px;font-size:64px;color:#fff;opacity:.9;cursor:pointer;display:none;filter:drop-shadow(0 0 4px rgba(0,0,0,.35));transition:transform .15s,opacity .15s}.bp-state:hover{opacity:1;transform:scale(1.06)}.bp--paused:not(.bp--loading):not(.bp--error) .bp-state{display:block}.bp-loading{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);display:none;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.bp-loading-icon{font-size:40px;animation:bp-spin .9s linear infinite}.bp-loading-text{font-size:13px;color:#ffffffd9;text-shadow:0 0 2px rgba(0,0,0,.5)}.bp--loading:not(.bp--error) .bp-loading{display:flex}@keyframes bp-spin{to{transform:rotate(360deg)}}.bp-hint{position:absolute;left:50%;top:50%;z-index:6;transform:translate(-50%,-50%);min-width:120px;height:44px;padding:0 16px;border-radius:4px;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;opacity:0;pointer-events:none;transition:opacity .2s}.bp-hint-icon{font-size:24px}.bp-hint.bp-show{opacity:1}.bp-fast-hint{position:absolute;left:50%;top:24px;z-index:6;transform:translate(-50%);padding:8px 14px;border-radius:4px;background:#000000b3;font-size:14px;display:none;pointer-events:none}.bp--fast .bp-fast-hint{display:block}.bp-toast{position:absolute;left:20px;bottom:76px;z-index:6;max-width:calc(100% - 40px);padding:9px 12px;border-radius:4px;background:#212121e6;font-size:14px;line-height:18px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}.bp-toast.bp-show{opacity:1;transform:none;pointer-events:auto}.bp-toast-action{color:var(--bp-theme);cursor:pointer;margin-left:2px}.bp-toast-action:hover{text-decoration:underline}.bp-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;background:#000000bf;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px}.bp--error .bp-error{display:flex}.bp-error-text{font-size:14px;color:#ffffffd9;padding:0 24px;text-align:center;line-height:20px}.bp-error-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 16px;border:none;border-radius:4px;background:var(--bp-theme);color:#fff;font-size:14px;cursor:pointer}.bp-error-btn svg{font-size:16px}.bp-mini-progress{position:absolute;left:0;right:0;bottom:0;z-index:4;height:2px;background:var(--bp-track);opacity:0;transition:opacity .3s;pointer-events:none}.bp-mini-buffer,.bp-mini-played{position:absolute;left:0;top:0;bottom:0;width:0}.bp-mini-buffer{background:var(--bp-buffer)}.bp-mini-played{background:var(--bp-theme)}.bp--hide-ctrl.bp--started .bp-mini-progress{opacity:1}.bp-control{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:0 12px 4px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.75) 100%);transition:opacity .3s,transform .3s}.bp-control:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:40px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.12));pointer-events:none}.bp--hide-ctrl .bp-control,.bp--hide-ctrl .bp-top{opacity:0;pointer-events:none}.bp--hide-ctrl .bp-control{transform:translateY(8px)}.bp--hide-ctrl .bp-area{cursor:none}.bp-progress{position:relative;height:16px;display:flex;align-items:center;cursor:pointer;touch-action:none}.bp-progress-track{position:relative;width:100%;height:2px;background:var(--bp-track);transition:height .15s}.bp-progress-buffer,.bp-progress-played,.bp-progress-hover{position:absolute;left:0;top:0;bottom:0;width:0}.bp-progress-buffer{background:var(--bp-buffer)}.bp-progress-hover{background:#ffffff40;display:none}.bp-progress-played{background:var(--bp-theme)}.bp-progress-thumb{position:absolute;top:50%;left:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--bp-theme);box-shadow:0 0 0 3px #00aeec40;transform:scale(0);transition:transform .15s;pointer-events:none}.bp-progress-tip{position:absolute;bottom:20px;left:0;transform:translate(-50%);padding:4px 6px;border-radius:2px;background:#000000bf;font-size:12px;line-height:14px;white-space:nowrap;font-variant-numeric:tabular-nums;display:none;pointer-events:none}.bp-progress:hover .bp-progress-track,.bp--dragging .bp-progress-track{height:4px}.bp-progress:hover .bp-progress-thumb,.bp--dragging .bp-progress-thumb{transform:scale(1)}.bp-progress:hover .bp-progress-tip,.bp--dragging .bp-progress-tip,.bp-progress:hover .bp-progress-hover{display:block}.bp-bar{display:flex;align-items:center;justify-content:space-between;height:38px}.bp-bar-left,.bp-bar-right{display:flex;align-items:center;height:100%;min-width:0}.bp-bar-left{flex:1 1 auto}.bp-bar-right{flex:none}.bp-ctrl-item{position:relative;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--bp-icon)}.bp-icon-btn{width:36px;font-size:22px}.bp-icon-btn:hover,.bp-menu.bp-hover>.bp-icon-btn,.bp-menu.bp-open>.bp-icon-btn{color:var(--bp-icon-hover)}.bp-icon-btn.bp-active{color:var(--bp-theme)}.bp-btn-play{font-size:24px;width:40px}.bp-icon-btn[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:6px 8px;border-radius:2px;background:#000000bf;color:#fff;font-size:12px;line-height:12px;white-space:nowrap;pointer-events:none}.bp-bar-right>.bp-icon-btn:last-child[data-tip]:hover:after{left:auto;right:0;transform:none}.bp--touch .bp-icon-btn[data-tip]:hover:after{display:none}.bp-text-btn{padding:0 10px;height:100%;display:flex;align-items:center;font-size:14px;font-weight:600;color:var(--bp-icon);white-space:nowrap}.bp-menu.bp-hover>.bp-text-btn,.bp-menu.bp-open>.bp-text-btn{color:var(--bp-icon-hover)}.bp-time{display:flex;align-items:center;gap:4px;margin-left:6px;font-size:13px;color:#ffffffe6;font-variant-numeric:tabular-nums;white-space:nowrap}.bp-time-cur{cursor:pointer}.bp-time-cur:hover{color:var(--bp-theme)}.bp-time-divider{opacity:.8}.bp-time-input{display:none;width:64px;height:22px;padding:0 6px;border:1px solid hsla(0,0%,100%,.3);border-radius:2px;background:#00000080;color:#fff;font:inherit;outline:none}.bp-time-input:focus{border-color:var(--bp-theme)}.bp-time--editing .bp-time-cur{display:none}.bp-time--editing .bp-time-input{display:block}.bp-panel{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:4px;background:var(--bp-panel-bg);border-radius:2px;display:none;cursor:default;z-index:10}.bp-panel:after{content:"";position:absolute;left:-8px;right:-8px;top:100%;height:12px}.bp-menu.bp-hover>.bp-panel,.bp-menu.bp-open>.bp-panel{display:block}.bp-list{list-style:none;margin:0;padding:0 0 4px}.bp-list-item{height:36px;line-height:36px;padding:0 12px;text-align:center;font-size:12px;color:#ffffffe6;cursor:pointer;white-space:nowrap}.bp-list-item:hover{background:#ffffff1a}.bp-list-item.bp-active{color:var(--bp-theme)}.bp-menu-quality .bp-list{min-width:140px}.bp-menu-quality .bp-list-item{text-align:left;padding:0 16px}.bp-menu-rate .bp-list{width:70px}.bp-volume-panel{width:32px;height:100px;padding:8px 0;flex-direction:column;align-items:center}.bp-menu-volume.bp-hover>.bp-volume-panel,.bp-menu-volume.bp-open>.bp-volume-panel{display:flex}.bp-volume-readonly>.bp-volume-panel{display:none!important}.bp-volume-num{font-size:12px;height:16px;line-height:16px;color:#ffffffe6;margin-bottom:6px;font-variant-numeric:tabular-nums}.bp-volume-slider{position:relative;flex:1;width:100%;display:flex;justify-content:center;cursor:pointer;touch-action:none}.bp-volume-track{position:relative;width:2px;height:100%;background:var(--bp-track);border-radius:1px}.bp-volume-fill{position:absolute;left:0;right:0;bottom:0;background:var(--bp-theme);border-radius:1px}.bp-volume-thumb{position:absolute;left:50%;width:12px;height:12px;margin:0 0 -6px -6px;border-radius:50%;background:var(--bp-theme);pointer-events:none}.bp-settings-panel{width:300px;left:auto;right:-40px;transform:none;padding:12px 16px 4px}.bp-set-row{display:flex;align-items:flex-start;margin-bottom:12px;font-size:12px}.bp-set-label{flex:none;width:64px;line-height:20px;color:#fffc}.bp-set-options{display:flex;flex-wrap:wrap;gap:6px 16px;flex:1}.bp-radio,.bp-checkbox{display:inline-flex;align-items:center;gap:6px;height:20px;cursor:pointer;color:#ffffffe6;white-space:nowrap}.bp-radio input,.bp-checkbox input{position:absolute;opacity:0;width:0;height:0}.bp-radio i{width:12px;height:12px;border-radius:50%;border:1px solid hsla(0,0%,100%,.6);position:relative}.bp-radio input:checked+i{border-color:var(--bp-theme)}.bp-radio input:checked+i:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:var(--bp-theme)}.bp-checkbox i{width:12px;height:12px;border-radius:2px;border:1px solid hsla(0,0%,100%,.6);position:relative}.bp-checkbox input:checked+i{background:var(--bp-theme);border-color:var(--bp-theme)}.bp-checkbox input:checked+i:after{content:"";position:absolute;left:3px;top:0;width:4px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.bp-radio:hover,.bp-checkbox:hover{color:#fff}.bp--webfull{position:fixed!important;top:0;right:0;bottom:0;left:0;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:2147483000}html.bp-lock-scroll,html.bp-lock-scroll body{overflow:hidden!important}.bp--fullscreen{width:100%;height:100%}.bp--webfull .bp-control,.bp--fullscreen .bp-control{padding:0 20px 8px}.bp--webfull .bp-bar,.bp--fullscreen .bp-bar{height:44px}.bp--fullscreen .bp-btn-webfull,.bp--fullscreen .bp-btn-wide,.bp--fullscreen .bp-btn-pip{display:none!important}.bp--rotate{transform-origin:0 0}.bp--webfull.bp--rotate{width:var(--bp-rw)!important;height:var(--bp-rh)!important;inset:0 auto auto 0}.bp{-webkit-touch-callout:none}.bp--touch .bp-icon-btn{width:40px}.bp--touch .bp-progress{height:22px}.bp--touch .bp-progress-track{height:3px}.bp--touch .bp-progress-thumb{transform:scale(1)}.bp--touch .bp-area{cursor:default;touch-action:pan-y}.bp--touch.bp--fullscreen .bp-area,.bp--touch.bp--webfull .bp-area{touch-action:none}.bp-hint-sub{font-size:13px;color:#ffffffbf}.bp-lock{position:absolute;left:20px;top:50%;z-index:8;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#00000073;display:none;align-items:center;justify-content:center;font-size:22px;color:#fff;cursor:pointer}.bp--touch.bp--fullscreen .bp-lock{display:flex;transition:opacity .3s}.bp--touch.bp--fullscreen.bp--hide-ctrl .bp-lock{opacity:0;pointer-events:none}.bp--locked .bp-control,.bp--locked .bp-top,.bp--locked .bp-state,.bp--locked .bp-mini-progress{display:none!important}.bp--touch.bp--fullscreen.bp--locked.bp--lock-show .bp-lock{opacity:1;pointer-events:auto}.bp--narrow .bp-control{padding:0 6px 2px}.bp--narrow .bp-icon-btn{width:32px;font-size:20px}.bp--narrow .bp-text-btn{padding:0 6px;font-size:13px}.bp--narrow .bp-btn-pip,.bp--narrow .bp-btn-wide,.bp--narrow .bp-btn-webfull{display:none!important}.bp--narrow.bp--touch .bp-menu-volume{display:none}.bp--narrow .bp-state{right:16px;bottom:60px;width:52px;height:52px;font-size:52px}.bp--narrow .bp-toast{left:10px;bottom:64px;font-size:13px}.bp--narrow .bp-settings-panel{width:240px;right:-8px}.bp--narrow .bp-lock{left:12px}.sf{--sf-theme: #fe2c55;--sf-panel-bg: #161823;--sf-bottom: 0px;position:relative;width:100%;height:100%;min-height:320px;overflow:hidden;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.4;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:none;outline:none}.sf *,.sf *:before,.sf *:after{box-sizing:border-box}.sf svg{display:block;width:1em;height:1em}.sf--desktop{--sf-bottom: 52px}.sf-track{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.sf-slide{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:#000}.sf-slide:not(.sf-slide--cur){pointer-events:none}.sf-bg{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background:center / cover no-repeat;filter:blur(40px) brightness(.55);transform:translateZ(0)}.sf-slide--fill .sf-bg{display:none}.sf-stage{position:absolute;top:0;right:0;bottom:0;left:0}.sf-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;background:transparent}.sf-slide--fill .sf-video{object-fit:cover}.sf-poster{position:absolute;top:0;right:0;bottom:0;left:0;background:center / contain no-repeat;transition:opacity .2s;pointer-events:none}.sf-slide--fill .sf-poster{background-size:cover}.sf-slide--started .sf-poster{opacity:0}.sf-slide:after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5))}.sf-state{position:absolute;left:50%;top:50%;z-index:4;font-size:72px;opacity:.75;transform:translate(-50%,-50%) scale(1.3);pointer-events:none;display:none;filter:drop-shadow(0 0 6px rgba(0,0,0,.4))}.sf-slide--paused .sf-state{display:block;animation:sf-state-in .2s forwards}@keyframes sf-state-in{to{transform:translate(-50%,-50%) scale(1)}}.sf-loading{position:absolute;left:50%;top:50%;z-index:4;font-size:40px;margin:-20px 0 0 -20px;display:none;pointer-events:none}.sf-loading svg{animation:sf-spin .8s linear infinite}.sf-slide--loading .sf-loading{display:block}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-error{position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);display:none;flex-direction:column;align-items:center;gap:12px;text-align:center}.sf-slide--error .sf-error{display:flex}.sf-error-text{font-size:14px;color:#ffffffd9}.sf-error-btn{border:0;border-radius:4px;padding:7px 18px;background:var(--sf-theme);color:#fff;font-size:13px;cursor:pointer}.sf-info{position:absolute;left:16px;right:96px;z-index:3;bottom:calc(var(--sf-bottom) + 18px + env(safe-area-inset-bottom,0px));text-shadow:0 1px 2px rgba(0,0,0,.35);transition:opacity .2s}.sf-info-head{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.sf-info-name{font-size:17px;font-weight:600;cursor:pointer;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-info-time{font-size:13px;color:#ffffffa6;white-space:nowrap}.sf-desc-wrap{position:relative;font-size:15px;line-height:22px}.sf-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;color:#ffffffeb}.sf-desc-wrap.sf-expanded .sf-desc{display:block;max-height:40vh;overflow-y:auto}.sf-tag{font-weight:600;color:#fff}.sf-desc-more{display:none;margin-top:2px;font-weight:600;cursor:pointer}.sf-desc-more.sf-show,.sf-expanded .sf-desc-more{display:inline-block}.sf-side{position:absolute;right:8px;z-index:3;width:64px;bottom:calc(var(--sf-bottom) + 24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:16px;transition:opacity .2s}.sf-avatar{position:relative;width:50px;height:50px;margin-bottom:10px}.sf-avatar-img{width:100%;height:100%;border-radius:50%;border:2px solid #fff;object-fit:cover;background:#333;cursor:pointer;display:block}.sf-follow{position:absolute;left:50%;bottom:-10px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--sf-theme);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:transform .25s,opacity .25s}.sf-follow.sf-followed{transform:scale(0);opacity:0;pointer-events:none}.sf-act{display:flex;flex-direction:column;align-items:center;cursor:pointer}.sf-act-icon{font-size:38px;filter:drop-shadow(0 0 3px rgba(0,0,0,.3));transition:color .15s}.sf-act-num{font-size:12px;margin-top:2px;text-shadow:0 1px 2px rgba(0,0,0,.4);white-space:nowrap}.sf-act-like.sf-on .sf-act-icon{color:var(--sf-theme)}.sf-act-favorite.sf-on .sf-act-icon{color:#ffc300}.sf-pop .sf-act-icon{animation:sf-pop .35s}@keyframes sf-pop{40%{transform:scale(1.35)}70%{transform:scale(.9)}}.sf--desktop .sf-act:hover .sf-act-icon{transform:scale(1.06)}.sf--clear .sf-info,.sf--clear .sf-side{opacity:0;pointer-events:none}.sf--clear .sf-slide:after{display:none}.sf-heart{position:absolute;z-index:9;font-size:96px;color:var(--sf-theme);pointer-events:none;transform:translate(-50%,-60%) rotate(var(--rot, 0deg));animation:sf-heart .9s forwards;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}@keyframes sf-heart{0%{opacity:0;transform:translate(-50%,-60%) rotate(var(--rot)) scale(1.5)}15%{opacity:1;transform:translate(-50%,-60%) rotate(var(--rot)) scale(.9)}30%{transform:translate(-50%,-60%) rotate(var(--rot)) scale(1)}70%{opacity:1;transform:translate(-50%,-60%) rotate(var(--rot)) scale(1)}to{opacity:0;transform:translate(-50%,-130%) rotate(var(--rot)) scale(1.6)}}.sf-progress{position:absolute;left:0;right:0;z-index:6;height:18px;display:flex;align-items:flex-end;cursor:pointer;bottom:env(safe-area-inset-bottom,0px)}.sf-progress-track{position:relative;width:100%;height:2px;background:#ffffff2e;transition:height .15s}.sf-progress-buffer,.sf-progress-played{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transform:scaleX(0)}.sf-progress-buffer{background:#ffffff40}.sf-progress-played{background:#fffc}.sf-progress-thumb{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;display:none;box-shadow:0 0 4px #0000004d}.sf--paused .sf-progress-track,.sf--seeking .sf-progress-track{height:4px}.sf--paused .sf-progress-thumb,.sf--seeking .sf-progress-thumb{display:block}.sf--seeking .sf-info,.sf--seeking .sf-side{opacity:0}.sf-seek-tip{position:absolute;left:50%;bottom:22%;z-index:7;transform:translate(-50%);font-size:26px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.5);display:none;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums}.sf--seeking .sf-seek-tip{display:block}.sf-ctrl{position:absolute;left:0;right:0;bottom:0;z-index:7;height:48px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55))}.sf--touch .sf-ctrl,.sf--touch .sf-nav{display:none}.sf--desktop .sf-progress{bottom:44px;height:14px}.sf--desktop .sf-progress-track{height:3px}.sf--desktop .sf-progress:hover .sf-progress-track{height:5px}.sf--desktop .sf-progress:hover .sf-progress-thumb{display:block}.sf-ctrl-left,.sf-ctrl-right{display:flex;align-items:center;gap:4px}.sf-ctrl-right{gap:2px}.sf-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#ffffffd9;cursor:pointer}.sf-btn:hover{color:#fff}.sf-time{font-size:13px;color:#ffffffd9;font-variant-numeric:tabular-nums;margin-left:4px;white-space:nowrap}.sf-switch{display:flex;align-items:center;gap:6px;padding:0 8px;height:36px;cursor:pointer;font-size:13px;color:#ffffffd9;white-space:nowrap}.sf-switch-track{position:relative;width:28px;height:16px;border-radius:8px;background:#ffffff4d;transition:background .2s}.sf-switch-track:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s}.sf-switch.sf-on .sf-switch-track{background:var(--sf-theme)}.sf-switch.sf-on .sf-switch-track:after{transform:translate(12px)}.sf-menu{position:relative}.sf-text-btn{height:36px;padding:0 10px;display:flex;align-items:center;font-size:13px;color:#ffffffd9;cursor:pointer;white-space:nowrap}.sf-text-btn:hover{color:#fff}.sf-menu-list{position:absolute;left:50%;bottom:100%;transform:translate(-50%);margin:0 0 6px;padding:6px 0;list-style:none;min-width:84px;background:#161823eb;border-radius:8px;display:none}.sf-menu-list:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px}.sf-menu.sf-open .sf-menu-list{display:block}.sf-menu-item{padding:0 14px;height:32px;line-height:32px;font-size:13px;text-align:center;white-space:nowrap;cursor:pointer;color:#ffffffd9}.sf-menu-item:hover{background:#ffffff14;color:#fff}.sf-menu-item.sf-active{color:var(--sf-theme)}.sf-vol-panel{min-width:0;width:40px;padding:8px 0 12px;display:none}.sf-menu.sf-open .sf-vol-panel{display:flex;flex-direction:column;align-items:center;gap:8px}.sf-vol-num{font-size:12px}.sf-vol-bar{position:relative;width:4px;height:80px;border-radius:2px;background:#ffffff40;cursor:pointer}.sf-vol-bar:before{content:"";position:absolute;top:0;right:-10px;bottom:0;left:-10px}.sf-vol-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;background:var(--sf-theme);transform-origin:bottom}.sf--desktop .sf-ctrl,.sf--desktop .sf-progress,.sf--desktop .sf-nav{opacity:0;transition:opacity .25s}.sf--desktop.sf--active .sf-ctrl,.sf--desktop.sf--active .sf-progress,.sf--desktop.sf--active .sf-nav,.sf--desktop.sf--paused .sf-ctrl,.sf--desktop.sf--paused .sf-progress,.sf--desktop.sf--seeking .sf-progress{opacity:1}.sf--desktop:not(.sf--active):not(.sf--paused){cursor:none}.sf-nav{position:absolute;right:12px;top:50%;z-index:7;transform:translateY(-50%);display:flex;flex-direction:column;border-radius:20px;background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sf-nav-btn{width:40px;height:44px;font-size:22px}.sf--first .sf-nav-up,.sf--last .sf-nav-down{opacity:.3;cursor:default}.sf--desktop .sf-side{right:66px}.sf--desktop .sf-info{right:150px}.sf-unmute{position:absolute;left:14px;top:14px;z-index:8;display:none;align-items:center;gap:6px;padding:7px 12px;border-radius:18px;background:#00000080;font-size:13px;cursor:pointer}.sf-unmute svg{font-size:18px}.sf-unmute.sf-show{display:flex}.sf-speed-hint{position:absolute;left:50%;top:14%;z-index:8;transform:translate(-50%);display:none;align-items:center;gap:6px;padding:7px 14px;border-radius:18px;background:#00000080;font-size:13px;pointer-events:none;white-space:nowrap}.sf-speed-hint svg{font-size:16px}.sf-speed-hint.sf-show{display:flex}.sf-toast{position:absolute;left:50%;top:50%;z-index:12;transform:translate(-50%,-50%);max-width:80%;padding:10px 18px;border-radius:6px;background:#000000b3;font-size:14px;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}.sf-toast.sf-show{opacity:1}.sf-panel-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#0000004d;opacity:0;pointer-events:none;transition:opacity .25s}.sf--panel .sf-panel-mask{opacity:1;pointer-events:auto}.sf-panel{position:absolute;z-index:11;background:var(--sf-panel-bg);display:flex;flex-direction:column;left:0;right:0;bottom:0;height:68%;border-radius:14px 14px 0 0;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px)}.sf--desktop .sf-panel{left:auto;top:0;height:auto;width:min(380px,85%);border-radius:0;transform:translate(100%)}.sf--panel .sf-panel{transform:none}.sf-panel-head{position:relative;flex:none;height:48px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}.sf-panel-close{position:absolute;right:8px;top:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;color:#ffffffb3}.sf-panel-body{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;user-select:text;-webkit-user-select:text}.sf-guide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;background:#0000009e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px}.sf-guide-icon{font-size:56px;animation:sf-guide 1.4s ease-in-out infinite}.sf--desktop .sf-guide-icon{animation-name:sf-guide-down}@keyframes sf-guide{0%,to{transform:translateY(16px);opacity:.4}50%{transform:translateY(-16px);opacity:1}}@keyframes sf-guide-down{0%,to{transform:translateY(-12px);opacity:.4}50%{transform:translateY(12px);opacity:1}}.sf-guide-title{font-size:17px;font-weight:600}.sf-guide-sub{font-size:13px;color:#ffffffbf}.sf-guide-btn{margin-top:10px;border:0;border-radius:4px;padding:8px 22px;background:var(--sf-theme);color:#fff;font-size:14px;cursor:pointer}.sf--webfull{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:2147483000;width:100vw!important;height:100vh!important;height:100dvh!important}.sf--fullscreen{width:100%!important;height:100%!important}.sf--narrow .sf-info-name{font-size:16px}.sf--narrow .sf-desc-wrap{font-size:14px;line-height:20px}.sf--narrow .sf-act-icon{font-size:34px}.sf--desktop.sf--narrow .sf-switch-label{display:none}