*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;color:#333;background:#fff;line-height:1.6}.app-layout{display:flex;min-height:100vh}.sidebar{width:280px;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;overflow-y:auto;background:#fafafa;border-right:1px solid #e8e8e8;z-index:100}.sidebar-nav{padding:16px 0}.sidebar-header{display:block;padding:8px 20px 16px;text-decoration:none;color:inherit;border-bottom:1px solid #e8e8e8;margin-bottom:8px}.sidebar-cover{width:80px;height:auto;border-radius:4px;box-shadow:0 2px 6px #00000026;margin-bottom:8px}.sidebar-title{font-size:14px;font-weight:600;color:#333;line-height:1.4}.nav-list,.nav-list ul{list-style:none}.nav-item a{display:block;padding:5px 20px;color:#555;text-decoration:none;font-size:14px;line-height:1.5;transition:color .2s,background .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item a:hover{color:#42b983;background:#f0f0f0}.nav-item.active>a{color:#42b983;font-weight:600;background:#e8f5e9}.nav-item.level-1>a{padding-left:36px;font-size:13px}.nav-item.level-2>a{padding-left:52px;font-size:12px;color:#777}.content-area{margin-left:280px;flex:1;min-width:0;padding:40px 60px;max-width:1080px}.home-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center}.home-cover{width:200px;height:auto;border-radius:6px;box-shadow:0 4px 16px #0003;margin-bottom:32px}.home-view h1{font-size:2em;margin-bottom:12px;color:#222}.home-subtitle{font-size:1em;color:#888;margin-bottom:8px}.home-author{font-size:1em;color:#666;margin-bottom:32px}.home-start-btn{display:inline-block;padding:12px 36px;background:#42b983;color:#fff;border-radius:6px;text-decoration:none;font-size:16px;font-weight:500;transition:background .2s}.home-start-btn:hover{background:#369e6f}.chapter-content{line-height:1.8;color:#333}.chapter-content h1{font-size:2em;margin:0 0 1em;padding-bottom:.3em;border-bottom:1px solid #eee;color:#222}.chapter-content h2{font-size:1.5em;margin:2em 0 .8em;padding-bottom:.2em;border-bottom:1px solid #eee;color:#222}.chapter-content h3{font-size:1.25em;margin:1.5em 0 .6em;color:#333}.chapter-content h4{font-size:1em;margin:1.2em 0 .5em;color:#666}.chapter-content p{margin:.8em 0}.chapter-content ul,.chapter-content ol{margin:.8em 0;padding-left:2em}.chapter-content li{margin:.3em 0}.chapter-content strong{font-weight:600}.chapter-content pre.hljs{border-radius:6px;padding:16px 20px;overflow-x:auto;font-size:14px;line-height:1.5;margin:1.2em 0}.chapter-content code{font-family:Fira Code,Source Code Pro,Menlo,Consolas,monospace}.chapter-content p code,.chapter-content li code,.chapter-content h1 code,.chapter-content h2 code,.chapter-content h3 code,.chapter-content h4 code{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-size:.9em;color:#c7254e}.chapter-content blockquote{border-left:4px solid #42b983;background:#f8f9fa;margin:1.5em 0;padding:12px 20px;border-radius:0 4px 4px 0}.chapter-content blockquote p{margin:.4em 0}.chapter-content img{max-width:100%;display:block;margin:1.5em auto;border-radius:4px;box-shadow:0 2px 8px #0000001a}.site-footer{margin-top:60px;padding:24px 0;border-top:1px solid #e8e8e8;text-align:center;color:#999;font-size:13px}.site-footer a{color:#999;text-decoration:none;transition:color .2s}.site-footer a:hover{color:#42b983}.sidebar-toggle{display:none;position:fixed;top:12px;left:12px;z-index:200;width:40px;height:40px;border:none;border-radius:6px;background:#fff;box-shadow:0 2px 8px #00000026;font-size:22px;cursor:pointer;align-items:center;justify-content:center;color:#333}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:flex}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:50}.content-area{margin-left:0;padding:60px 20px 40px}}