*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:#ccc #f1f1f1}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;min-height:100vh;overflow:hidden;width:100%;height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}#app{width:100%;height:100vh;overflow:hidden}a{text-decoration:none;transition:.2s}.main-wrapper{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.main-header{flex:0 0 auto;height:30px;background-color:#fff;box-shadow:0 2px 4px #0000001a;z-index:999;width:100%}.header-container{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:100%;position:relative}.nav-container{display:flex;gap:20px;height:100%;align-items:center}.nav-container a{color:#333;text-decoration:none;padding:1px 0;border-radius:4px;transition:color .3s;font-size:.9rem;height:28px;display:flex;align-items:center}.nav-container a:hover,.nav-container a.active{color:#007bff;background-color:#007bff1a;box-shadow:none}.content-wrapper{flex:1;display:flex;overflow-y:hidden;width:100%;gap:0}.sidebar-nav{position:sticky;height:100%;background-color:#f8f9fa;border-right:1px solid #dee2e6;z-index:999;transition:all .25s ease;width:36px;box-shadow:1px 0 3px #0000000d;flex-shrink:0;display:flex;flex-direction:column;border-top:1px solid #eee;overflow:hidden}.sidebar-nav-container{width:100%;overflow:hidden;flex:1}.sidebar-nav-list{list-style:none;padding:0 0 10px;margin:0}.sidebar-nav-item{margin:1px 0}.sidebar-nav-link{display:flex;align-items:center;color:#333;text-decoration:none;padding:5px;transition:all .25s ease;white-space:nowrap;border-radius:0;font-size:.85rem}.sidebar-nav-link:hover{background-color:#0000000d;color:#007bff;text-decoration:none}.sidebar-nav-link.active{background-color:#007bff1a;color:#007bff;border-left:2px solid #007bff}.sidebar-nav-icon{width:16px;text-align:center;margin-right:8px;font-size:.9rem}.sidebar-toggle{position:relative;height:28px;background:#f0f0f0;border-top:1px solid #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .2s;flex-shrink:0}.sidebar-toggle i{font-size:.75rem;color:#666;transition:transform .2s}.sidebar-toggle:hover{background-color:#e5e5e5}.sidebar-nav.expanded{width:100px}.sidebar-nav.expanded .sidebar-nav-link span{display:inline}.sidebar-nav:not(.expanded) .sidebar-nav-link span{display:none}.sidebar-nav:not(.expanded) .sidebar-nav-link{justify-content:center;padding:5px 0}.sidebar-nav:not(.expanded) .sidebar-nav-icon{margin-right:0}.sidebar-nav:not(.expanded) .sidebar-toggle i.fa-chevron-right{transform:rotate(0)}.sidebar-nav.expanded .sidebar-toggle i.fa-chevron-right{transform:rotate(180deg)}.main-container{flex:1;transition:margin-left .25s ease;display:flex;flex-direction:column;min-height:100%;border-top:1px solid #eee;overflow-y:auto;overflow-x:hidden}.content-wrapper .sidebar-nav.expanded+.main-container{margin-left:0}.container{padding:.5rem 20px;margin-top:0;max-width:1200px;margin-left:auto;margin-right:auto}.main-wrapper>.container{margin-top:5px}.sidebar{width:300px;flex-shrink:0}.sidebar-widget{background-color:#fff;border-radius:8px;padding:.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.sidebar-widget h3{margin-bottom:.1rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0;color:#333;font-size:1.2rem}.recent-posts,.categories-list,.related-posts{list-style:none;padding:0}.recent-posts li,.categories-list li,.related-posts li{margin-bottom:.8rem}.recent-posts a,.categories-list a,.related-posts a{color:#333;text-decoration:none;transition:color .3s ease}.recent-posts a:hover,.categories-list a:hover,.related-posts a:hover{color:#007bff}.categories-list .count{color:#666;font-size:.9rem;margin-left:.5rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tag-item{display:inline-block;padding:.2rem .5rem;background-color:#f8f9fa;border-radius:.25rem;color:#495057;text-decoration:none;transition:all .3s ease;font-size:.9rem}.tag-item:hover{background-color:#e9ecef;color:#212529;text-decoration:none}.tag-size-0{font-size:.8rem}.tag-size-1{font-size:.9rem}.tag-size-2{font-size:1rem}.tag-size-3{font-size:1.1rem}.tag-size-4{font-size:1.2rem}.tag-size-5{font-size:1.3rem}.tag-size-6{font-size:1.4rem}.tag-size-7{font-size:1.5rem}.tag-size-8{font-size:1.6rem}.table-of-contents{font-size:.9rem}.table-of-contents ul{list-style:none;padding-left:1rem}.table-of-contents li{margin-bottom:.5rem}.table-of-contents a{color:#333;text-decoration:none;transition:color .3s ease}.table-of-contents a:hover{color:#007bff}.main-nav{padding:2px 0;height:30px}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;gap:20px;height:100%;align-items:center}.main-nav a:hover,.main-nav a.active{background:#007bff1a;color:#007bff}.main-nav a{height:26px;display:flex;align-items:center;padding:0 8px;border-radius:3px;font-size:.9rem}.posts{display:flex;flex-direction:column;gap:2.5rem}.post-preview{background-color:#fff;border-radius:8px;padding:.8rem;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0;transition:all .3s ease;margin-bottom:1rem}.post-preview:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px);border-color:#007bff}.post-preview h2{margin:0 0 .6rem}.post-preview h2 a{color:#333;text-decoration:none;transition:color .3s ease;font-size:1.3rem;line-height:1.4}.post-meta{margin-bottom:.8rem}.post-time{color:#666;font-size:.85rem;display:flex;gap:1.2rem}.post-date,.post-updated{display:inline-flex;align-items:center}.post-excerpt{color:#666;margin-bottom:.8rem;line-height:1.5;font-size:.95rem}.post{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.post-header h1{margin-bottom:1rem}.post-content{line-height:1.8}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin:2rem 0 1rem}.post-content p{margin-bottom:1.5rem}.post-content img{max-width:100%;height:auto;border-radius:4px;margin:1.5rem 0}.post-content code{background-color:#f8f9fa;padding:.2rem .4rem;border-radius:4px;font-family:monospace}.post-content pre{background-color:#f8f9fa;padding:1rem;border-radius:4px;overflow-x:auto;margin:1.5rem 0}.post-content blockquote{border-left:4px solid #007bff;padding-left:1rem;margin:1.5rem 0;color:#666}.toc{background-color:#f8f9fa;padding:.5rem;border-radius:4px;margin-bottom:1.5rem}.pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:5px;background-color:#f8f9fa;border-radius:6px;box-shadow:0 1px 3px #0000001a}.pagination{margin:0}.page-item{margin:0 2px}.page-link{padding:.2rem .4rem;font-size:.8rem;color:#007bff;background-color:#fff;border-color:#dee2e6;border-radius:.25rem}.page-link:hover{color:#0056b3;background-color:#e9ecef;border-color:#dee2e6;text-decoration:none}.page-link:focus{outline:none;box-shadow:0 0 0 .2rem #007bff40}.page-item.active .page-link{background-color:#007bff;border-color:#007bff;color:#fff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.pagination-controls{display:flex;align-items:center;white-space:nowrap}.pagination-controls .form-label{margin-right:.25rem;white-space:nowrap;min-width:auto}.page-size-select{width:70px;font-size:.8rem;padding:.2rem;min-width:70px}.pagination-jump{width:110px;display:flex;align-items:center}.pagination-jump input{border-top-right-radius:0;border-bottom-right-radius:0;font-size:.8rem;padding:.2rem .4rem}.pagination-jump button{border-top-left-radius:0;border-bottom-left-radius:0;font-size:.8rem;padding:.2rem .4rem}.pagination-jump button:hover{background-color:#007bff;color:#fff}hr{border:none;border-top:1px solid #eee;margin:1rem 0}footer{text-align:center;padding:2rem 0;background-color:#fff;margin-top:2rem;border-top:1px solid #eee}@media (max-width: 768px){.container{flex-direction:column}.sidebar{width:100%}.sidebar-nav{position:relative!important;top:0!important;height:auto!important;width:100%!important;border-right:none;border-bottom:1px solid #dee2e6}.sidebar-nav.expanded{width:100%!important}.sidebar-nav:not(.expanded) .sidebar-nav-link span{display:inline!important}.sidebar-nav:not(.expanded) .sidebar-nav-link{justify-content:flex-start!important;padding:5px 8px!important}.sidebar-nav:not(.expanded) .sidebar-nav-icon{margin-right:8px!important}.content-wrapper{flex-direction:column}.main-container{margin-left:0!important}.content-wrapper .sidebar-nav.expanded+.main-container{margin-left:0!important}.pagination-controls{flex-wrap:nowrap}.pagination-wrapper{flex-direction:column;gap:10px}.pagination-controls .form-label{display:inline-block;width:auto}}