@charset "UTF-8";body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f0f0f0}#app{display:flex;width:100%;max-width:1420px;margin-top:4rem}.left-sidebar-placeholder{flex:0 0 260px;margin-right:.5rem}#left-sticky-container{position:sticky;top:3.5rem}#category-section-placeholder{margin-top:.5rem;margin-bottom:.5rem}#main-content-placeholder{flex:1;min-width:884px}#right-sidebar-placeholder{flex:0 0 260px;margin-left:.5rem}#right-sticky-container{position:sticky;top:3.5rem}#hot-articles-placeholder,#article-tags-placeholder{margin-top:.5rem}#article-toc-placeholder{margin-top:.5rem;margin-bottom:.5rem}#scroll-progress{position:fixed;top:0;left:0;width:0;height:2px;background-color:#4a90e2;z-index:1000;transition:background-color .3s ease}@media (max-width: 768px){#main-content-placeholder{min-width:100%}#right-sidebar-placeholder{display:none}}#main-content{background-color:#fff;border-radius:2px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 4px 12px #007bff14;padding:1rem;color:#333;transition:all .3s ease;max-width:100%;overflow:hidden}#main-content #post-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;margin-top:0rem;color:#2c3e50;text-align:center}#main-content .post-stats{display:flex;justify-content:center;gap:.3rem;margin-bottom:.5rem;font-size:.8rem;color:#777;flex-wrap:wrap}#main-content .post-stats .post-stat{display:flex;justify-content:center;gap:.15rem;background-color:transparent;padding:.15rem .4rem;border-radius:4px;white-space:nowrap}#main-content .post-tags{display:flex;flex-wrap:wrap;justify-content:center;font-size:.8rem;color:#777;gap:.5rem;margin-bottom:.5rem;text-align:center}#main-content .post-tags .tags-title{display:flex;justify-content:center;gap:.15rem}#main-content .post-tags .post-tag{border:none;color:#007bff;border-radius:4px}#main-content .post-categories{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-left:1rem;font-size:1.4rem;font-weight:400;color:#283442;border-left:4px solid #007bff;background-color:#f8fbff;border-radius:4px;padding:.5rem 1rem}#main-content .post-categories span{background-color:#eaf2ff;color:#007bff;border-radius:4px;padding:.25rem .6rem;font-size:1.4 rem;font-weight:600}#main-content .center-image{display:block;margin:auto}#main-content .caption{text-align:center;font-size:.9em;color:#000}#main-content .post-likes{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;margin-bottom:2rem}#main-content .post-likes .like-button,#main-content .post-likes .reward-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap;min-width:80px;text-align:center;border:none;outline:none}#main-content .post-likes .like-button{background-color:#eaf2ff;color:#007bff;border:1px solid #d0e2ff}#main-content .post-likes .like-button:hover{background-color:#d0e2ff;color:#0056b3}#main-content .post-likes .like-button .like-button-icon{width:1rem;height:1rem}#main-content .post-likes .like-button .like-text{font-size:.95rem}#main-content .post-likes .like-button #post-like-count{font-weight:600;color:#007bff;line-height:1}#main-content .post-likes .reward-button{background-color:#f8fbff;color:#555;border:1px solid #dbe4ef}#main-content .post-likes .reward-button:hover{background-color:#e8f0fd;color:#333}@media (max-width: 768px){#main-content .post-stats .post-stat .text,#main-content .post-tags .tags-title .text{display:none}}.toc-sidebar{background-color:#fff;border-radius:2px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 4px 12px #007bff14;padding:1rem;color:#333;transition:all .3s ease;max-width:100%;overflow:hidden}.toc-sidebar h3{font-size:1.2rem;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem;margin:0 0 1rem;text-align:left}.toc-sidebar .toc ul li{margin-bottom:.5rem}.toc-sidebar .toc ul li a{color:#666;text-decoration:none;transition:color .5s ease;display:block}.toc-sidebar .toc ul li a:hover{color:#007bff;background-color:#f1f1f1}.toc-sidebar .toc h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.toc-sidebar .toc ul{list-style:none;padding:0;margin-bottom:0}.toc-sidebar .toc ul li a.active{color:#007bff;background-color:#f1f1f1}