.ss3k-transcript{font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; max-height:70vh; overflow-y:auto; scroll-behavior:smooth; border:1px solid #e5e7eb; border-radius:12px; padding:6px 6px;} .ss3k-seg{display:flex;gap:10px;padding:8px 10px;border-radius:10px;margin:6px 0} .ss3k-seg.active{background:#eef6ff;outline:1px solid #bfdbfe} .ss3k-avatar{width:26px;height:26px;border-radius:50%;flex:0 0 26px;margin-top:3px;background:#e5e7eb} .ss3k-meta{font-size:12px;color:#64748b;margin-bottom:2px} .ss3k-name a{color:#0f172a;text-decoration:none} .ss3k-text{white-space:pre-wrap;word-break:break-word;cursor:pointer} (function(){ function time(s){return parseFloat(s||'0')||0} function within(t,seg){return t>=time(seg.dataset.start) && t<time(seg.dataset.end)} function bind(){ var audio=document.getElementById('ss3k-audio')||document.querySelector('audio[data-ss3k-player]'); var cont=document.querySelector('.ss3k-transcript'); if(!audio||!cont) return; var segs=[].slice.call(cont.querySelectorAll('.ss3k-seg')); var lastId=""; function tick(){ var t=audio.currentTime||0, found=null; for(var i=0;i 6) cont.scrollTop = top; lastId=id; } } } audio.addEventListener('timeupdate', tick); audio.addEventListener('seeked', tick); segs.forEach(function(s){ s.addEventListener('click', function(){ audio.currentTime = time(s.dataset.start)+0.05; audio.play().catch(function(){}); }); }); tick(); } if(document.readyState!=="loading") bind(); else document.addEventListener('DOMContentLoaded', bind); })();