.ysp-text-player{max-width:46em;margin:0 auto 2em;font-size:1.05rem;line-height:1.7}.ysp-text-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:1.4em;background:#f4f4f6;border-radius:8px;position:sticky;top:0;z-index:5}.ysp-text-play-all{flex:0 0 auto;width:38px;height:38px;border:0;border-radius:50%;background:#2271b1;color:#fff;font-size:14px;line-height:1;cursor:pointer}.ysp-text-play-all:hover{background:#135e96}.ysp-text-seek{flex:1 1 auto;accent-color:#2271b1}.ysp-text-time{flex:0 0 auto;font-variant-numeric:tabular-nums;font-size:.85rem;color:#50575e}.ysp-text-para{display:flex;align-items:flex-start;gap:10px;margin:0 0 1.1em;padding:6px 10px 6px 6px;border-radius:6px;border-left:3px solid #fff0;transition:background .25s ease,border-color .25s ease}.ysp-text-para-play{flex:0 0 auto;width:26px;height:26px;margin-top:4px;border:1px solid #c3c4c7;border-radius:50%;background:#fff;color:#2271b1;font-size:10px;line-height:1;cursor:pointer;opacity:.45;transition:opacity .2s ease}.ysp-text-para:hover .ysp-text-para-play,.ysp-text-para.is-playing .ysp-text-para-play{opacity:1}.ysp-text-para-body{flex:1 1 auto}.ysp-text-para.is-playing{background:#fff8e5;border-left-color:#dba617}