.scroll-controls{display:none;position:fixed;bottom:30px;right:calc((100% - 880px)/ 2 - 50px);z-index:999;display:flex;flex-direction:column;gap:10px}.scroll-controls a#back-to-bottom,.scroll-controls a#back-to-top,.scroll-controls a#show-toc{margin-bottom:15px}.scroll-controls a{background-color:#7b9d2a;padding:10px;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.1);text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center}.scroll-controls a:hover{background-color:#5a751e;cursor:pointer}#toc-container{position:fixed;top:0;right:calc((100% - 880px)/ 2);width:400px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.3);z-index:1000;padding:20px;visibility:hidden;opacity:0;transition:opacity .3s ease;box-sizing:border-box}#toc-container h2{font-size:20px;font-weight:700;text-align:left}#toc-container h2 a{color:#333}#toc-container ul{list-style-type:none;padding:0;margin:0;max-height:calc(100vh - 120px);overflow-y:auto;padding-bottom:40px}#toc-container ul li{margin-bottom:15px;background-color:#f9f9f9;padding:10px 20px;border:1px solid #ddd;border-radius:5px;transition:background-color .3s ease,box-shadow .3s ease;box-sizing:border-box;text-align:left}#toc-container ul li a{text-decoration:none;color:#4b6f20;font-size:18px;transition:color .3s ease;display:block}#toc-container ul li a:visited{color:#6e6e6e}#toc-container ul li:hover{background-color:#e6f7e6;box-shadow:0 2px 8px rgba(0,0,0,.1)}#toc-container .current-chapter,#toc-container .current-chapter a:visited{background-color:#607d21;color:#fff;font-weight:700;text-decoration:none}#toc-container .current-chapter:hover{background-color:#607d21;box-shadow:none}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;display:none}body.toc-open,html.toc-open{overflow:hidden}.toc-left{display:flex;flex-grow:1}.toc-item{display:flex;align-items:center;text-decoration:none;padding:10px 0;transition:background-color .3s ease,color .3s ease;color:#333}.toc-item:hover{color:#000;text-decoration:none}.toc-content{flex-grow:1}.toc-author{font-size:14px;color:#666;float:left;margin:0}.toc-arrow{margin-left:10px;stroke:#666;transition:stroke .3s}.toc-item:hover .toc-arrow{stroke:#000}.toc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;border-bottom:1px solid #e0e0e0}.toc-right{display:flex;align-items:center;justify-content:center}.order-btn{padding:5px 15px;font-size:14px;cursor:pointer;background-color:#f0f0f0;color:#333;border:1px solid #ccc;border-radius:30px;margin-left:10px;transition:background-color .3s ease,color .3s ease}.order-btn.active{background-color:#607d21;color:#fff;border-color:#607d21}.order-btn:hover{background-color:#4f6618;color:#fff}.toc-right{display:flex;align-items:center}@media screen and (max-width:880px){#toc-container{width:100%;height:calc(100vh - 88px);right:0;top:88px;padding:20px;z-index:1000;-webkit-overflow-scrolling:touch;box-sizing:border-box;box-shadow:0 -4px 8px rgba(0,0,0,.1)}#toc-container ul{padding-bottom:80px;max-height:calc(100vh - 150px)}#toc-container ul li:hover{background-color:#f9f9f9;box-shadow:none}.scroll-controls{bottom:30px;right:18px}}