.sp{background:#0c0505;width:100%;height:100vh;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;position:relative;overflow:hidden}.sp__bg-image{object-fit:cover;opacity:0;width:100%;height:100%;animation:.6s ease-out .1s forwards spBgFadeIn;position:absolute;inset:0}.sp__bg-fallback{z-index:-1;background:#0c0505;position:absolute;inset:0}.sp--empty{background:linear-gradient(160deg,#4a2535 0%,#352248 30%,#1e2250 70%,#1a2a4a 100%)}@keyframes spBgFadeIn{to{opacity:1}}.sp__header{z-index:20;height:88px;padding:env(safe-area-inset-top,44px)16px 0;background:linear-gradient(#0000004d 0%,#0000 100%);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.sp__header-left,.sp__header-right{width:60px}.sp__duration{color:#fffc;font-family:Arial,sans-serif;font-size:14px;font-weight:700}.sp__segments{-webkit-overflow-scrolling:touch;scrollbar-width:none;position:absolute;inset:120px 0 180px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 32px calc(100% - 32px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 32px calc(100% - 32px),#0000 100%)}.sp__segments::-webkit-scrollbar{display:none}.sp__segments-spacer{height:40vh}.sp__segment{cursor:pointer;padding:8px 36px;transition:background .3s}.sp__segment-text{text-align:center;letter-spacing:.5px;opacity:0;color:#ffffff1a;margin:0;font-size:16px;font-weight:400;line-height:2.4}.sp__segments--ready .sp__segment-text{transition:color .3s,opacity .3s}.sp__segments--no-transition .sp__segment-text{transition:none!important}.sp__segments--normal .sp__segment--normal .sp__segment-text{opacity:0;color:#ffffff1a}.sp__segments--ready.sp__segments--normal .sp__segment--normal .sp__segment-text{transition:color .5s,opacity .5s}.sp__segments--normal .sp__segment--focusing .sp__segment-text{opacity:0;color:#ffffff1a}.sp__segments--normal .sp__segment--playing .sp__segment-text{opacity:1;color:#fffc}.sp__segments--ready.sp__segments--normal .sp__segment--playing .sp__segment-text{transition:color .2s,opacity .2s}.sp__segments--scrolling .sp__segment--normal .sp__segment-text{opacity:1;color:#ffffff1a}.sp__segments--scrolling .sp__segment--focusing .sp__segment-text{opacity:1;color:#ffffff80}.sp__segments--scrolling .sp__segment--focusing{background:#ffffff0d}.sp__segments--scrolling .sp__segment--playing .sp__segment-text{opacity:1;color:#fffc}.sp__bottom-mask{z-index:5;pointer-events:none;background:linear-gradient(#0000 0%,#0000004d 100%);height:230px;position:absolute;bottom:0;left:0;right:0}.sp__controls{z-index:10;padding-bottom:env(safe-area-inset-bottom,0);justify-content:center;display:flex;position:absolute;bottom:100px;left:0;right:0}.sp__play-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:56px;height:56px;padding:0;transition:transform .15s;display:grid}.sp__play-btn:active{transform:scale(.9)}.sp__play-icon{width:52px;height:52px}.sp__open-app-bar{z-index:10;padding-bottom:env(safe-area-inset-bottom,0);justify-content:center;display:flex;position:absolute;bottom:36px;left:0;right:0}.sp__open-app{letter-spacing:.02em;cursor:pointer;border:none;border-radius:40px;justify-content:center;align-items:center;height:40px;padding:0 24px;font-size:14px;font-weight:500;transition:transform .15s;display:inline-flex}.sp__open-app:active{transform:scale(.96)}.sp__open-app--dark{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ffffffe6;background:#fff3}.sp__open-app--light{color:#2c2418;background:#ffffffe6}.sp__ended{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00000026;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out both spFadeIn;display:flex;position:absolute;inset:0}.sp__ended-content{flex-direction:column;align-items:center;padding:0 32px;display:flex}.sp__ended-icon{width:48px;height:48px;margin-bottom:20px}.sp__ended-title{color:#ffffffe6;margin:0 0 8px;font-size:20px;font-weight:500}.sp__ended-time{color:#ffffff80;margin:0;font-family:Arial,sans-serif;font-size:14px}.sp__ended-quote{color:#fffc;text-align:center;max-width:320px;margin:48px 0 12px;font-size:18px;font-weight:500;line-height:1.6}.sp__ended-meta{color:#ffffff80;margin:0;font-size:14px}.sp__ended-actions{padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:80px}.sp__ended-replay{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#ffffffe6;cursor:pointer;background:#ffffff40;border:none;border-radius:40px;justify-content:center;align-items:center;width:200px;height:52px;font-size:16px;font-weight:500;transition:transform .15s;display:flex}.sp__ended-replay:active{transform:scale(.96)}.sp__empty{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:0 40px;animation:.6s ease-out both spFadeIn;display:flex;position:absolute;inset:0}.sp__empty-logo{width:56px;height:56px;margin-bottom:8px}.sp__empty-title{color:#ffffffe6;margin:0;font-size:20px;font-weight:500}.sp__empty-hint{color:#fff6;margin:0;font-size:14px}.sp__empty-cta{color:#ffffffb3;text-align:center;margin:8px 0 16px;font-size:15px;line-height:1.6}@keyframes spFadeIn{0%{opacity:0}to{opacity:1}}@supports (padding-top:env(safe-area-inset-top)){.sp__header{padding-top:env(safe-area-inset-top)}}