:root{--header-height:64px;--sidebar-width:280px;--toc-width:300px;--content-max-width:800px;--gap:24px;--radius:8px;--bg-primary:#FFFFFF;--bg-secondary:#F5F5F5;--bg-tertiary:#FAFAFA;--text-primary:#1A1A1A;--text-secondary:#666666;--text-tertiary:#999999;--accent:#1E88E5;--accent-hover:#1565C0;--border:#E0E0E0;--border-light:#F0F0F0;--shadow:rgba(0, 0, 0, 0.1);--shadow-hover:rgba(0, 0, 0, 0.15);--code-bg:#F5F5F5;--code-block-bg:#1A1A1A;--code-text:#E0E0E0;color-scheme:light}:root[data-theme=dark]{--bg-primary:#1A1A1A;--bg-secondary:#242424;--bg-tertiary:#2A2A2A;--text-primary:#E0E0E0;--text-secondary:#B0B0B0;--text-tertiary:#808080;--accent:#42A5F5;--accent-hover:#64B5F6;--border:#333333;--border-light:#2A2A2A;--shadow:rgba(0, 0, 0, 0.3);--shadow-hover:rgba(0, 0, 0, 0.4);--code-bg:#242424;--code-block-bg:#0D0D0D;--code-text:#E0E0E0;color-scheme:dark}body{--theme-bg:var(--bg-primary);--theme-text:var(--text-primary);--theme-sidebar:var(--bg-secondary);--theme-header:var(--bg-primary)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:0 0}a{text-decoration:none;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}.layout-container{display:flex;min-height:calc(100vh - var(--header-height));margin-top:var(--header-height);width:100%}.layout-container:not(:has(.sidebar)):not(:has(.toc-sidebar)){justify-content:center}.main-content{flex:1;min-width:0;max-width:var(--content-max-width);padding:var(--gap);width:100%}.layout-container:not(:has(.sidebar)):not(:has(.toc-sidebar)) .main-content{margin:0 auto;max-width:var(--content-max-width);flex:0 1 var(--content-max-width)}.sidebar{position:fixed;left:0;top:var(--header-height);width:var(--sidebar-width);height:calc(100vh - var(--header-height));background-color:var(--bg-secondary);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;z-index:100;transition:transform .3s ease}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.toc-sidebar{position:fixed;right:0;top:var(--header-height);width:var(--toc-width);height:calc(100vh - var(--header-height));background-color:var(--bg-secondary);border-left:1px solid var(--border);overflow-y:auto;overflow-x:hidden;padding:var(--gap);z-index:99}.toc-sidebar::-webkit-scrollbar{width:6px}.toc-sidebar::-webkit-scrollbar-track{background:0 0}.toc-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.layout-container:has(.sidebar) .main-content{margin-left:var(--sidebar-width)}.layout-container:has(.toc-sidebar):not(:has(.sidebar)){justify-content:center;padding-right:var(--toc-width)}.layout-container:has(.toc-sidebar):not(:has(.sidebar)) .main-content{margin-left:auto;margin-right:auto;max-width:var(--content-max-width);width:100%;flex:0 0 var(--content-max-width)}.layout-container:has(.sidebar):has(.toc-sidebar) .main-content{margin-left:var(--sidebar-width);margin-right:var(--toc-width)}.sidebar-nav{padding:var(--gap)}.sidebar-header{margin-bottom:var(--gap);padding-bottom:var(--gap);border-bottom:1px solid var(--border)}.sidebar-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-item{margin-bottom:4px}.sidebar-link{display:flex;align-items:center;padding:8px 12px;color:var(--text-secondary);border-radius:var(--radius);transition:all .2s ease;font-size:14px}.sidebar-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-link.active{background-color:var(--accent);color:#fff;font-weight:500}.sidebar-link-text{flex:1}.sidebar-submenu{list-style:none;padding:0;margin:4px 0 0;max-height:0;overflow:hidden;transition:max-height .3s ease}.sidebar-submenu.expanded{max-height:1e3px}.sidebar-subitem{margin-bottom:2px}.sidebar-sublink{display:block;padding:6px 12px 6px 24px;color:var(--text-secondary);border-radius:var(--radius);transition:all .2s ease;font-size:14px;position:relative}.sidebar-sublink::before{content:'';position:absolute;left:12px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--text-tertiary);transition:background-color .2s ease}.sidebar-sublink:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-sublink:hover::before{background-color:var(--accent)}.sidebar-sublink.active{color:var(--accent);font-weight:500}.sidebar-sublink.active::before{background-color:var(--accent)}.sidebar-toggle{display:none;position:fixed;left:var(--gap);top:calc(var(--header-height) + var(--gap));z-index:101;padding:8px;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);box-shadow:0 2px 8px var(--shadow)}.sidebar-toggle:hover{background-color:var(--bg-secondary)}.home-info{margin-bottom:calc(var(--gap) * 2);padding:calc(var(--gap) * 2);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.home-info-header{margin-bottom:var(--gap)}.home-info-title{font-size:36px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.home-info-content{font-size:16px;line-height:1.8;color:var(--text-secondary);margin-bottom:var(--gap)}.home-info-content p{margin-bottom:12px}.home-info-footer{margin-top:var(--gap);padding-top:var(--gap);border-top:1px solid var(--border)}.social-icons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.social-icons a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary);transition:all .2s ease;border-radius:var(--radius)}.social-icons a:hover{color:var(--accent);background-color:var(--bg-tertiary)}.social-icons a svg{width:20px;height:20px}.page-header{margin-bottom:var(--gap);padding-bottom:var(--gap);border-bottom:1px solid var(--border)}.page-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.2}.page-description{font-size:16px;color:var(--text-secondary);margin:0}.post-header{margin-bottom:var(--gap)}.post-title{font-size:36px;font-weight:700;color:var(--text-primary);margin:0 0 12px;line-height:1.2}.post-meta{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--text-secondary);margin-bottom:var(--gap)}.post-meta-item{display:flex;align-items:center;gap:4px}.post-content{color:var(--text-primary);line-height:1.8}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:32px;margin-bottom:16px;font-weight:700;color:var(--text-primary);line-height:1.3;scroll-margin-top:calc(var(--header-height) + 20px)}.post-content h1{font-size:32px;margin-top:48px}.post-content h2{font-size:28px;margin-top:40px;padding-bottom:8px;border-bottom:1px solid var(--border)}.post-content h3{font-size:24px}.post-content h4{font-size:20px}.post-content h5{font-size:18px}.post-content h6{font-size:16px}.post-content p{margin-bottom:16px}.post-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.post-content a:hover{border-bottom-color:var(--accent)}.post-content ul,.post-content ol{margin:16px 0;padding-left:24px}.post-content li{margin:8px 0}.post-content blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid var(--accent);background-color:var(--bg-secondary);border-radius:var(--radius);color:var(--text-secondary)}.post-content code{padding:2px 6px;background-color:var(--code-bg);border-radius:4px;font-size:.9em;font-family:monaco,menlo,consolas,monospace;color:var(--accent)}.post-content pre{margin:24px 0;padding:16px;background-color:var(--code-block-bg);border-radius:var(--radius);overflow-x:auto}.post-content pre code{padding:0;background:0 0;color:var(--code-text);font-size:14px;line-height:1.6}.post-content img{max-width:100%;height:auto;border-radius:var(--radius);margin:24px 0}.post-content table{width:100%;border-collapse:collapse;margin:24px 0}.post-content table th,.post-content table td{padding:12px;border:1px solid var(--border);text-align:left}.post-content table th{background-color:var(--bg-secondary);font-weight:600}.post-content hr{margin:32px 0;border:none;border-top:1px solid var(--border)}.post-footer{margin-top:48px;padding-top:var(--gap);border-top:1px solid var(--border)}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--gap)}.post-tag{display:inline-block;padding:4px 12px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;font-size:14px;color:var(--text-secondary);transition:all .2s ease}.post-tag:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}.post-nav{display:flex;justify-content:space-between;gap:var(--gap);margin-top:var(--gap)}.post-nav-link{flex:1;padding:16px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s ease}.post-nav-link:hover{background-color:var(--bg-tertiary);border-color:var(--accent)}.post-nav-link.prev{text-align:left}.post-nav-link.next{text-align:right}.post-nav-title{display:block;font-size:16px;font-weight:500;color:var(--text-primary)}.entry-list{list-style:none;padding:0;margin:0}.entry-item{margin-bottom:var(--gap);padding:var(--gap);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s ease}.entry-item:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--shadow)}.entry-title{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.entry-title a{color:inherit;transition:color .2s ease}.entry-title a:hover{color:var(--accent)}.entry-meta{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.entry-summary{font-size:14px;color:var(--text-secondary);line-height:1.6}.toc-sidebar .toc{padding:var(--gap)}.toc-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.toc-nav{max-height:calc(100vh - var(--header-height) - 100px);overflow-y:auto;overflow-x:hidden}.toc-nav::-webkit-scrollbar{width:4px}.toc-nav::-webkit-scrollbar-track{background:0 0}.toc-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.toc-nav::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin:0;position:relative}.toc-link{display:block;padding:6px 0;padding-right:12px;font-size:14px;color:var(--text-secondary);border-left:2px solid transparent;transition:all .2s ease;line-height:1.6;word-break:break-word;text-decoration:none;text-align:left;text-indent:0;padding-left:inherit}.toc-link:hover{color:var(--accent);border-left-color:var(--accent)}.toc-link.active{color:var(--accent);border-left-color:var(--accent);font-weight:500}.toc-item.active-parent>.toc-link{color:var(--text-primary)}.toc-item-level-1>.toc-link{padding-left:0;font-weight:600;font-size:15px;margin-bottom:6px;color:var(--text-primary)}.toc-item-level-2>.toc-link{padding-left:20px;padding-right:12px;font-weight:500;font-size:14px;margin-bottom:4px;color:var(--text-primary)}.toc-item-level-3>.toc-link{padding-left:40px;padding-right:12px;font-weight:400;font-size:13px;margin-bottom:3px;color:var(--text-secondary)}.toc-item-level-4>.toc-link{padding-left:60px;font-weight:400;font-size:13px;margin-bottom:2px;color:var(--text-secondary)}.toc-item-level-5>.toc-link{padding-left:80px;font-weight:400;font-size:12px;margin-bottom:2px;color:var(--text-tertiary)}.toc-item-level-6>.toc-link{padding-left:100px;font-weight:400;font-size:12px;margin-bottom:2px;color:var(--text-tertiary)}.toc-sublist{list-style:none;padding:0;margin:0}.toc-sublist .toc-item{margin:0}.toc-sublist-level-2{margin-left:0}.toc-sublist-level-3{margin-left:0}.toc-sublist-level-4{margin-left:0}.toc-sublist-level-5{margin-left:0}.toc-sublist-level-6{margin-left:0}.toc-link-level-1{padding-left:0!important;font-weight:600!important;font-size:15px!important}.toc-link-level-2{padding-left:20px!important;font-weight:500!important}.toc-link-level-3{padding-left:40px!important;font-size:13px!important}.toc-link-level-4{padding-left:60px!important;font-size:13px!important}.toc-link-level-5{padding-left:80px!important;font-size:12px!important}.toc-link-level-6{padding-left:100px!important;font-size:12px!important}.toc-item-level-1{margin-bottom:8px}.toc-item-level-2{margin-bottom:6px}.toc-item-level-3{margin-bottom:4px}.toc-item-level-4,.toc-item-level-5,.toc-item-level-6{margin-bottom:2px}.toc-item-level-1>.toc-link{border-left-width:3px}.toc-item-level-2>.toc-link{border-left-width:2px}.toc-item-level-3>.toc-link,.toc-item-level-4>.toc-link,.toc-item-level-5>.toc-link,.toc-item-level-6>.toc-link{border-left-width:2px}@media screen and (min-width:1400px){.layout-container:has(.sidebar):has(.toc-sidebar) .main-content{max-width:min(var(--content-max-width),calc(100vw - var(--sidebar-width) - var(--toc-width) - 100px))}.layout-container:has(.toc-sidebar):not(:has(.sidebar)) .main-content{margin-left:auto;margin-right:auto;max-width:var(--content-max-width);width:var(--content-max-width);flex:0 0 var(--content-max-width);padding-left:var(--gap);padding-right:var(--gap)}.layout-container:not(:has(.sidebar)):not(:has(.toc-sidebar)) .main-content{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.layout-container>.main-content:only-child{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}}@media screen and (max-width:1024px){.toc-sidebar{display:none}.layout-container:has(.toc-sidebar) .main-content{margin-right:0;padding-right:var(--gap)}.layout-container:has(.toc-sidebar):not(:has(.sidebar)){padding-right:0}.layout-container:has(.toc-sidebar):not(:has(.sidebar)) .main-content{margin-left:auto;margin-right:auto;max-width:var(--content-max-width);width:100%}}@media screen and (max-width:768px){:root{--gap:16px;--content-max-width:100%}.sidebar{transform:translateX(-100%);box-shadow:2px 0 8px var(--shadow);width:280px}.sidebar.open{transform:translateX(0)}.layout-container{flex-direction:column}.layout-container:has(.sidebar) .main-content{margin-left:0;width:100%;max-width:100%}.main-content{padding:var(--gap);width:100%;max-width:100%;flex:1}.layout-container:has(.toc-sidebar):not(:has(.sidebar)) .main-content{margin-left:0;margin-right:0;width:100%;max-width:100%;padding-left:var(--gap);padding-right:var(--gap)}.toc-sidebar{display:none}.header-container{padding:0 16px}.header-nav{display:none}.post-title{font-size:28px}.home-info-title{font-size:28px}.page-title{font-size:24px}}@media screen and (max-width:480px){:root{--gap:12px;--header-height:56px}.main-content{padding:var(--gap)}.post-title{font-size:24px}.home-info-title{font-size:24px}.page-title{font-size:20px}.post-content h1{font-size:24px}.post-content h2{font-size:20px}.post-content h3{font-size:18px}.entry-title{font-size:18px}}