@import url('/vendor/katex/katex.min.css');
:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#1e2925;background:#fff;--green:#174c3b;--line:#e4e9e6;--muted:#727d77;--soft:#f5f8f6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:7px;padding:9px 15px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{background:#eef4ef}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #58a682;outline-offset:3px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#236248}.quiet{background:transparent;border-color:transparent}.site-header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.2vw}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:700;letter-spacing:1px}.brand-mark{display:grid;place-items:center;color:white;background:var(--green);border-radius:7px;width:34px;height:36px;font-family:serif;font-size:23px;font-weight:400}.brand-caption{color:#838c86;font-weight:400;font-size:13px;letter-spacing:2px;margin-left:8px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:14px}.nav-write{color:var(--green);font-weight:600}.nav-write span{margin-left:10px}.index-main{max-width:1050px;margin:auto;padding:0 36px}.index-intro{padding:74px 0 60px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--green);font-weight:600;margin:0 0 22px}.index-intro h1{font-size:38px;font-weight:600;letter-spacing:-1px;margin:0 0 18px}.muted{color:var(--muted);line-height:1.8}.count{font-family:Georgia,serif;font-size:58px;color:var(--green);padding:0 20px;text-align:right}.count small{display:block;font-family:system-ui;font-size:12px;color:var(--muted);margin-top:6px}.section-bar{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-bottom:17px}.section-bar h2{font-size:16px;font-weight:600;margin:0}.section-bar>span{font-size:12px;color:#8a938e;letter-spacing:1px}.note-row{display:grid;grid-template-columns:42px 1fr 30px;gap:16px;border-bottom:1px solid var(--line);padding:31px 0 35px;align-items:start}.row-number{font:14px Georgia;color:#939e96;padding-top:3px}.note-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.tag{background:#edf4ee;color:var(--green);padding:4px 8px;border-radius:3px;font-size:12px}.note-row h2{font-size:24px;letter-spacing:-.5px;margin:15px 0 11px;font-weight:600}.note-row h2 a:hover{color:var(--green)}.note-row p{color:var(--muted);font-size:15px;line-height:1.8;margin:0}.row-arrow{font-size:24px;color:#546e5c;padding-top:30px}footer{display:flex;justify-content:space-between;color:#919992;font-size:12px;padding:42px 0}.article-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,780px) 200px;gap:70px;padding:44px 40px 80px}.back-link{font-size:13px;color:var(--muted)}.article-top{padding:44px 0 32px;margin-bottom:32px;border-bottom:1px solid var(--line)}.article h1{font-size:38px;line-height:1.4;letter-spacing:-1px;margin:18px 0}.article-description{color:var(--muted);font-size:17px;line-height:1.8}.article-info{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:25px}.article-info a{color:var(--green)}.toc{position:sticky;top:36px;align-self:start;padding-top:90px;font-size:13px}.toc .eyebrow{color:#849087;letter-spacing:1px}.toc a{display:block;border-left:1px solid var(--line);padding:8px 0 8px 16px;color:#6e7a73;line-height:1.5}.toc a:hover{color:var(--green);border-color:var(--green)}.toc .depth-3{padding-left:26px}.toc .depth-4{padding-left:35px}.prose{font-size:16px;line-height:1.95;overflow-wrap:anywhere;min-width:0}.article .prose{font-size:17px;line-height:2}.prose h1,.prose h2,.prose h3,.prose h4{line-height:1.5;scroll-margin-top:30px;font-weight:600}.prose h2{font-size:25px;margin:42px 0 18px}.prose h3{font-size:20px;margin-top:30px}.prose p{margin:0 0 20px}.prose pre{padding:23px;border-radius:8px;overflow:auto;font-size:13px;line-height:1.8;tab-size:2}.prose code{font-family:Consolas,"Cascadia Code",monospace}.prose :not(pre)>code{background:#f0f4f1;border-radius:4px;padding:3px 5px;font-size:.86em;color:#326b51}.prose blockquote{margin:26px 0;padding:12px 20px;border-left:3px solid #64947a;background:#f5f8f5;color:#5f6d63}.prose blockquote p{margin:0}.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.prose img{max-width:100%;height:auto}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:25px 0;font-size:14px}.prose td,.prose th{border:1px solid var(--line);padding:10px 16px;text-align:left}.prose th{background:var(--soft)}.prose .katex-display{overflow-x:auto;overflow-y:hidden;padding:12px 0}.prose pre.mermaid{background:#f7f9f7;text-align:center;padding:25px 10px}.mermaid svg{max-width:100%;height:auto}.diagram-error{color:#a74534}.article-end{text-align:center;color:#98a499;font-size:23px;letter-spacing:12px;margin:60px 0}.login-main{max-width:480px;padding:80px 30px;margin:auto}.login-main h1{font-size:32px;margin:0 0 20px}.login-main label{display:block;font-size:14px;margin:38px 0 10px}.login-main input{width:100%;padding:13px;border:1px solid #ced8d1;border-radius:6px}.login-main .primary{width:100%;margin-top:20px;padding:13px}.login-hint{font-size:12px;color:#929b95;line-height:1.9;margin-top:30px}.error{font-size:14px;color:#ad3f33;line-height:1.6}.error:empty{display:none}.empty{padding:60px 0;text-align:center}.empty h2{font-size:24px}.empty p{color:var(--muted)}.workspace{height:100vh;overflow:hidden}.workspace .site-header{height:68px;padding:0 30px}.workspace:has(.login-main){overflow:auto}.editor-shell{height:calc(100vh - 68px);display:grid;grid-template-columns:255px minmax(0,1fr)}.draft-sidebar{background:#f7f9f7;border-right:1px solid var(--line);padding:28px 17px 18px;display:flex;flex-direction:column;min-height:0}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin-bottom:21px}.sidebar-heading h1{font-size:16px;margin:0}.icon-button{padding:1px 8px;font-size:24px;border:0;background:transparent}.import-button{background:transparent;border-style:dashed;color:#687e6d;margin:0 8px 25px}.draft-list{overflow:auto;flex:1}.draft-item{width:100%;border:1px solid transparent;padding:15px 13px;display:block;text-align:left;border-radius:6px;margin-bottom:7px;background:transparent}.draft-item strong{display:block;font-size:14px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.draft-item span{display:block;font-size:11px;margin-top:8px;color:#859087}.draft-item.selected{background:#e9f1e9;border-color:#dce7dc}.draft-item.selected strong{color:var(--green)}.logout{background:transparent;border:0;justify-content:flex-start;color:#7c897e;font-size:13px;margin-top:20px}.editor-main{min-width:0;min-height:0;display:flex;flex-direction:column}.editor-actions{padding:16px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;color:#748378;gap:12px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#73a287;margin-right:8px}.action-group{display:flex;align-items:center;gap:4px}.document-meta{padding:29px 36px 22px}.document-meta input{border:0;outline:none;width:100%;background:transparent}.document-meta .title-input{font-size:28px;font-weight:600;color:#20372b;letter-spacing:-.5px}.description-input{font-size:14px;margin:16px 0;color:#68776d}.tag-editor{display:flex;align-items:center;gap:15px;font-size:12px;color:#809184}.tag-editor label{flex-shrink:0}.tag-editor input{font-size:12px}.writing-toolbar{display:flex;align-items:center;justify-content:space-between;padding:9px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#89938b;font-size:12px}.writing-toolbar button{border:0;background:transparent;padding:3px 12px;color:#5f7365;font-size:15px}.toolbar-divider{margin:0 12px;color:#ced6cf}.writing-panes{display:grid;grid-template-columns:1fr 1fr;min-height:0;flex:1}.source-pane,.preview-pane{display:flex;flex-direction:column;min-height:0;min-width:0}.source-pane{border-right:1px solid var(--line)}.pane-label{padding:15px 28px;color:#a0aaa2;font-size:11px;letter-spacing:1px}.source-pane textarea{border:0;resize:none;outline:none;flex:1;min-height:180px;padding:0 28px 35px;line-height:1.9;font-family:Consolas,"Microsoft YaHei",monospace;font-size:14px;tab-size:2;color:#536358}.preview-pane #preview{padding:0 30px 40px;overflow:auto;flex:1;font-size:15px;line-height:1.95}.preview-pane .prose h2{font-size:21px;margin-top:28px}.preview-pane .prose pre{font-size:12px;padding:18px}.editor-footer{border-top:1px solid var(--line);font-size:11px;display:flex;gap:22px;align-items:center;color:#89958c;padding:12px 30px}.editor-footer a{margin-left:auto;color:var(--green)}.editor-error{background:#fff4f0;margin:0;padding:12px 30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){.editor-shell{grid-template-columns:280px minmax(0,1fr)}.document-meta{padding-left:45px}.source-pane textarea{font-size:15px}.preview-pane #preview{font-size:16px}}@media(max-width:1000px){.editor-shell{grid-template-columns:210px minmax(0,1fr)}.editor-actions{padding:12px 16px;flex-wrap:wrap}.article-layout{grid-template-columns:minmax(0,1fr);max-width:850px}.toc{display:none}.brand-caption{display:none}.document-meta{padding:24px}.writing-panes{grid-template-columns:1fr}.preview-pane{display:none}.editor-footer{padding:10px 16px;gap:10px}.editor-footer>span:nth-child(2){display:none}}@media(max-width:640px){.site-header{height:70px;padding:0 20px}.site-header nav{gap:20px}.brand{font-size:20px}.index-main{padding:0 22px}.index-intro{padding:46px 0 35px}.index-intro h1{font-size:27px;letter-spacing:-.5px}.index-intro>.count{display:none}.index-intro .muted{font-size:14px}.eyebrow{font-size:10px;letter-spacing:1.3px}.note-row{grid-template-columns:24px minmax(0,1fr) 15px;gap:10px;padding:25px 0}.note-row h2{font-size:21px}.note-row p{font-size:14px}.row-arrow{font-size:21px}.section-bar>span{font-size:11px}.article-layout{padding:28px 24px}.article h1{font-size:30px}.article .prose{font-size:16px}.article-description{font-size:16px}.article-info{gap:12px}.workspace{height:auto;overflow:auto}.workspace .site-header{padding:0 18px}.editor-shell{display:flex;flex-direction:column;height:auto}.draft-sidebar{padding:14px;border-right:0;border-bottom:1px solid var(--line)}.sidebar-heading{margin:0 0 10px}.import-button{margin:0 8px 10px}.draft-list{display:flex;gap:8px;overflow-x:auto;max-height:90px}.draft-item{min-width:200px;max-width:230px;margin:0}.logout{position:absolute;top:90px;right:14px;margin:0;font-size:12px}.sidebar-heading{padding-right:110px}.editor-main{min-height:75vh}.document-meta .title-input{font-size:24px}.editor-actions{gap:6px}.action-group{gap:0;flex-wrap:wrap}.action-group button,.action-group .button{padding:7px 10px;font-size:12px}.writing-toolbar{padding:9px 15px}.writing-toolbar>span{font-size:10px}.writing-panes{display:flex;flex-direction:column}.source-pane textarea{min-height:380px;padding:0 20px 25px}.preview-pane{display:flex;max-height:650px;border-top:1px solid var(--line)}.editor-footer{flex-wrap:wrap}.prose pre{font-size:12px}.login-main{padding-top:60px}}@media(prefers-reduced-motion:no-preference){a,button{transition:color .15s,background .15s}}
@media(min-width:641px) and (max-width:1000px){.writing-panes{display:flex;flex-direction:column;overflow:auto}.source-pane{flex:0 0 340px;border-right:0;border-bottom:1px solid var(--line)}.preview-pane{display:flex;flex:0 0 380px}}