.reading-bar{position:fixed;top:20px;left:0;right:0;margin:0 auto;width:92%;max-width:720px;background:#000;color:#fff;border-radius:12px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;z-index:9999999;box-shadow:0 4px 20px rgba(0,0,0,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-20px);transition:all .35s ease}.reading-bar.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.reading-center{flex:1;text-align:center;font-size:14px;color:#fff;font-weight:500;cursor:pointer;position:static}.reading-center .dots{letter-spacing:3px;margin-right:8px;color:#fff}.reading-progress{color:#fff}.toc-dropdown{position:absolute;top:100%;left:0;right:0;width:100%;max-width:100vw;background:#fff;color:#111;border-radius:0 0 14px 14px;box-shadow:0 12px 30px rgba(0,0,0,.16);padding:8px 10px;display:none;flex-direction:column;gap:3px;z-index:999999;max-height:300px;overflow-y:auto;opacity:0;transform:translateY(-10px);transition:all .25s ease;text-align:left}.toc-dropdown.active{display:flex;opacity:1;transform:translateY(0)}.toc-dropdown::-webkit-scrollbar{width:5px}.toc-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.toc-dropdown::-webkit-scrollbar-thumb{background:#111;border-radius:10px}.toc-item{display:flex;align-items:center;gap:8px;width:100%;height:38px;padding:6px 8px;border-radius:8px;font-size:13px;line-height:1.2;color:#111;cursor:pointer;transition:all .25s ease}.toc-number{font-size:12px;color:#555;width:28px;min-width:28px;font-weight:700}.toc-title{flex:1;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-item:hover{background:#f3f3f3}.toc-item.active{background:#eee;font-weight:600;position:relative}.toc-item.active::after{content:"";position:absolute;right:10px;width:6px;height:6px;background:#111;border-radius:50%}.reading-author{width:34px;height:34px;border-radius:50%;overflow:hidden;flex-shrink:0}.reading-author img{width:100%;height:100%;object-fit:cover}.reading-time{font-size:14px;color:#fff;display:flex;align-items:center;gap:6px}.reading-minutes{color:#fff}@media (min-width:768px){.reading-bar{display:none!important}}