:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#1e293b;background:#f8fafc;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}button,input{font:inherit}button{cursor:pointer}.docs-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:256px;flex:none;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e2e8f0;z-index:30}.brand{display:flex;align-items:center;gap:12px;min-height:76px;padding:16px;border-bottom:1px solid #e2e8f0}.brand-mark{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:8px;color:#fff;background:linear-gradient(135deg,#7ecdb0,#4aa882);font-size:18px;font-weight:700}.brand strong,.brand small{display:block}.brand strong{font-size:15px;color:#0f172a}.brand small{margin-top:3px;font-size:12px;color:#64748b}.sidebar nav{display:flex;flex-direction:column;gap:8px;padding:16px;overflow-y:auto}.sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;color:#475569;background:transparent;border:0;border-radius:8px;font-size:14px;text-align:left}.sidebar nav button:hover{background:#f1f5f9}.sidebar nav button.active{background:#e0f5ec;color:#308a65;font-weight:600}.sidebar nav svg{flex:none}.workspace{position:relative;flex:1;min-width:0;overflow-y:auto;background:#f8fafc}.reading-layout{display:flex;align-items:flex-start;width:min(100%,1460px);min-height:100%;margin:0 auto}.article-panel{flex:1;min-width:0;margin:32px 24px;padding:32px 40px 50px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0f172a0f}.page-outline{flex:none;position:sticky;top:0;width:200px;padding:32px 16px 32px 0}.outline-panel{display:flex;flex-direction:column;max-height:calc(100vh - 64px);overflow-y:auto;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0f172a0f}.outline-panel strong{margin-bottom:10px;font-size:12px;color:#64748b}.outline-panel a{display:block;padding:5px 8px;font-size:12px;line-height:1.4;text-decoration:none;color:#64748b;border-radius:4px;overflow-wrap:anywhere}.outline-panel a:hover{background:#f0fdf9;color:#308a65}.outline-panel .outline-level-1{font-size:13px;font-weight:600}.outline-panel .outline-level-2{padding-left:14px}.outline-panel .outline-level-3{padding-left:20px}.markdown-body h1{margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #e0f5ec;font-size:28px;line-height:1.35;color:#0f172a}.markdown-body h2{margin:40px 0 16px;padding-bottom:8px;border-bottom:1px solid #e0f5ec;font-size:22px;line-height:1.4;color:#0f172a}.markdown-body h3{margin:30px 0 12px;font-size:18px;line-height:1.4;color:#1e293b}.markdown-body p,.markdown-body li{font-size:15px;line-height:1.75;color:#334155}.markdown-body p{margin:0 0 16px}.markdown-body ul,.markdown-body ol{margin:0 0 16px;padding-left:24px}.markdown-body li{margin-bottom:4px}.markdown-body strong{color:#0f172a}.markdown-body a{color:#308a65}.markdown-body pre{overflow-x:auto;padding:18px;color:#e2e8f0;background:#1e293b;border-radius:8px}.markdown-body code{padding:2px 5px;color:#308a65;background:#f1f5f9;border-radius:4px;font-size:13px}.markdown-body pre code{padding:0;color:inherit;background:transparent}.markdown-body table{width:100%;margin:0 0 24px;border-collapse:collapse;font-size:14px}.markdown-body .table-scroll{max-width:100%;overflow-x:auto}.markdown-body th,.markdown-body td{padding:12px 14px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top;line-height:1.6}.markdown-body th{color:#0f172a;background:#f8fafc}.markdown-body td{color:#475569}.markdown-body blockquote{margin:0 0 18px;padding:14px 18px;border-left:4px solid #4aa882;background:#f0fdf9}.markdown-body blockquote p{margin:0}.markdown-body .chart{max-width:100%;overflow-x:auto;margin:0 0 8px;text-align:center}.markdown-body .chart svg{max-width:none;height:auto}.markdown-body .diagram-panel{margin:20px 0 24px}.diagram-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.diagram-toolbar button{min-width:30px;padding:3px 9px;font-size:13px;line-height:1.4;color:#334155;background:#fff;border:1px solid #d7dfe9;border-radius:6px;cursor:pointer}.diagram-toolbar button:hover{border-color:#9db4c9;background:#f4f8fb}.diagram-toolbar span{min-width:46px;text-align:center;font-size:12px;color:#64748b;font-variant-numeric:tabular-nums}.diagram-toolbar small{margin-left:auto;font-size:11px;color:#a3b1c2}.empty-chapter{min-height:100%}.open-menu,.close-menu,.backdrop{display:none}@media(max-width:1060px){.page-outline{display:none}.reading-layout{max-width:840px}}@media(max-width:720px){.sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none}.backdrop{display:block;position:fixed;inset:0;z-index:20;background:#0006;border:0}.open-menu{display:grid;place-items:center;position:sticky;top:8px;z-index:10;width:38px;height:38px;margin:8px 0 -46px 12px;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:6px}.close-menu{display:grid;place-items:center;margin-left:auto;padding:6px;color:#475569;background:none;border:0}.article-panel{margin:56px 12px 20px;padding:24px 18px 32px}.markdown-body h1{font-size:24px}.markdown-body h2{font-size:20px}.markdown-body .table-scroll table{min-width:640px}.markdown-body .chart.wide{text-align:left}}