:root{color-scheme:light;--topbar:64px;--tree:300px;--toc:236px;--doc:820px;--link:var(--text);--link-line:#E6D900;--accent-text:#7A6A00;--accent:#FFFA00;--accent-ink:#191919;--magenta:#FF1AAC;--cyan:#00FFA2;--cjk:"PingFang SC","Noto Sans SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans SC";--mono:"YYKK Mono","Cascadia Mono",Consolas,var(--cjk),monospace;--sans:var(--cjk),system-ui,sans-serif;--display:"YYKK Display","YYKK Display CJK","Bahnschrift","Arial Narrow",var(--cjk),sans-serif;--bg:#FFFFFF;--panel:#FFFFFF;--tree-bg:#FAFAFA;--text:#191919;--secondary:#414348;--muted:#999999;--border:#D9D9D9;--border-strong:rgba(25,25,25,.5);--hover:#F2F2F2;--shadow:none;--code:#1f2329;--code-text:#f5f6f7;--callout:#f5f6f7;--yellow:#fff3d6} body[data-tone="dark"]{color-scheme:dark;--bg:#191919;--panel:#1F1F22;--tree-bg:#1F1F22;--text:#FFFFFF;--secondary:#999999;--muted:#77797D;--border:#414348;--border-strong:rgba(255,255,255,.5);--hover:#2B2C30;--link-line:rgba(255,250,0,.72);--accent-text:#FFFA00;--code:#111113;--code-text:#f2f3f5;--callout:#29292c;--yellow:#4a4028;--shadow:none} *{box-sizing:border-box}html{scroll-behavior:smooth}.reader-body{margin:0;background:var(--bg);color:var(--text);font:14px/1.72 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.reader-body.drawer-open{overflow:hidden}button,a{font:inherit}.doc-topbar{position:fixed;z-index:50;inset:0 0 auto;height:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1.5px solid var(--border-strong);background:var(--bg)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:8px;min-width:0}.home-button,.icon-button,.topbar-actions button{height:32px;border:1.5px solid transparent;border-radius:0;background:transparent;color:var(--secondary);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;padding:0 10px}.home-button,.icon-button{width:32px;padding:0}.home-button:hover,.icon-button:hover,.topbar-actions button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.topbar-actions button[data-action="copy-link"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);padding:0 15px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.topbar-actions button[data-action="copy-link"]:hover{background:var(--text);border-color:var(--text);color:var(--bg)}.topbar-title{display:flex;flex-direction:column;min-width:0;line-height:1.25}.topbar-title strong{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.topbar-title span{font:500 9px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.reader-layout{padding-top:var(--topbar);min-height:100vh}.knowledge-tree{position:fixed;z-index:30;left:0;top:var(--topbar);bottom:0;width:var(--tree);display:flex;flex-direction:column;border-right:1.5px solid var(--border-strong);background:var(--tree-bg)}.tree-brand{padding:18px 16px 12px}.tree-brand>a{display:flex;align-items:center;gap:9px;color:var(--text);font-weight:600;text-decoration:none}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:0;background:var(--accent);color:var(--accent-ink);font-weight:800}.tree-brand small{display:block;margin:5px 0 0 37px;color:var(--muted);font:500 9px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase}.tree-scroll{overflow:auto;padding:4px 8px 24px}.tree-scroll ul{list-style:none;margin:0;padding:0}.tree-scroll ul ul{padding-left:17px}.tree-node{margin:1px 0}.tree-node summary{display:flex;align-items:center;list-style:none;min-width:0}.tree-node summary::-webkit-details-marker{display:none}.tree-caret{flex:0 0 20px;height:52px;display:grid;place-items:center;cursor:pointer;color:var(--muted)}.tree-caret:before{content:"›";font-size:17px;transition:transform .15s}.tree-folder details[open]>summary .tree-caret:before{transform:rotate(90deg)}.tree-link{display:flex;align-items:center;min-width:0;flex:1;min-height:52px;padding:0 12px;border-radius:0;border-left:4px solid transparent;color:var(--secondary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-leaf .tree-link{margin-left:20px}.tree-link:hover{background:var(--hover);color:var(--text)}.tree-link.is-active{background:transparent;border-left-color:var(--accent);color:var(--text);font-weight:600}.document-shell{margin-left:var(--tree);margin-right:var(--toc);min-height:calc(100vh - var(--topbar));background:var(--panel)}.breadcrumbs{max-width:var(--doc);margin:auto;padding:25px 48px 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{color:var(--text)}.crumb-sep{margin:0 8px}.document{max-width:var(--doc);min-height:calc(100vh - var(--topbar));margin:auto;padding:34px 48px 96px}.document-header h1{margin:0;font-size:34px;line-height:1.28;letter-spacing:-.02em;font-weight:700}.document-meta{display:flex;gap:12px;margin-top:10px;color:var(--muted);font-size:13px}.doc-content{margin-top:34px;font-size:16px;overflow-wrap:anywhere}.doc-content p{min-height:1em;margin:6px 0}.doc-content h1,.doc-content h2,.doc-content h3,.doc-content h4,.doc-content h5,.doc-content h6{scroll-margin-top:68px;line-height:1.42;margin:1.55em 0 .55em}.doc-content h1{font-size:28px}.doc-content h2{font-size:24px}.doc-content h3{font-size:20px}.doc-content a{color:var(--link);text-decoration-color:var(--link-line);text-decoration-thickness:2px;text-underline-offset:4px}.doc-content a[target="_blank"]:after{content:"↗";font-size:.72em;margin-left:3px}.feishu-block{position:relative;margin:4px 0}.feishu-block .docx-block-zero-space,.feishu-block .draggable-btn,.feishu-block .image-area-container{display:none!important}.feishu-block .zone-container{outline:0}.feishu-block [style*="width:"]{max-width:100%!important}.feishu-list-marker{display:inline-block;min-width:2em;color:var(--muted);vertical-align:top}.doc-content img{display:block;max-width:100%;height:auto;margin:16px auto;border-radius:0;cursor:zoom-in}.doc-content figure{margin:18px 0}.doc-content figcaption{text-align:center;color:var(--muted);font-size:13px;margin-top:8px}.doc-content video,.doc-content audio{display:block;max-width:100%;margin:18px 0;border-radius:0;background:#000}.callout,.docx-callout-block{display:block;padding:14px 16px;margin:14px 0;border-radius:0;background:var(--callout);border:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.callout-bg-2,.mark-bg-2,mark{background:var(--yellow)}.doc-content blockquote{margin:12px 0;border-left:3px solid #8f959e;padding:3px 0 3px 15px;color:var(--secondary)}.code-block,.docx-code-block{position:relative;margin:16px 0;border-radius:0;overflow:hidden;background:var(--code)}.code-toolbar{height:36px;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0 8px;color:#bbb;border-bottom:1px solid rgba(255,255,255,.08)}.code-language{margin-right:auto;font-size:12px}.code-toolbar button,.docx-code-block button{border:0;border-radius:0;background:transparent;color:#cfd2d8;cursor:pointer;padding:4px 8px}.code-toolbar button:hover{background:rgba(255,255,255,.1)}.code-block pre,.docx-code-block pre,.feishu-block pre{margin:0;overflow:auto;padding:16px;background:var(--code);color:var(--code-text);font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4}.table-wrap,.docx-table-block,.docx-sheet-block{overflow:auto;margin:18px 0;border:1px solid var(--border);border-radius:0}.doc-content table{border-collapse:separate;border-spacing:0;min-width:100%;background:var(--panel)}.doc-content td,.doc-content th{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 12px;min-width:90px;vertical-align:top}.doc-content tr:last-child td{border-bottom:0}.doc-content td:last-child,.doc-content th:last-child{border-right:0}.doc-content th{background:var(--tree-bg);font-weight:600}.attachment{display:flex;padding:12px 14px;border:1px solid var(--border);border-radius:0;color:var(--text)!important;text-decoration:none;background:var(--panel)}.attachment:hover{background:var(--hover)}.todo{display:flex;gap:8px;align-items:flex-start}.todo input{margin-top:5px}.equation{font-family:"Times New Roman",serif;background:var(--hover);padding:1px 5px;border-radius:0}.folder-landing{margin-top:12px}.folder-empty{display:flex;align-items:center;gap:10px;color:var(--muted);padding:18px 0}.folder-empty>span{font-size:28px}.child-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.child-card{display:flex;align-items:center;gap:11px;border:1.5px solid var(--border);border-radius:0;padding:13px;color:var(--text)!important;text-decoration:none!important}.child-card:hover{border-color:var(--border-strong);background:var(--hover)}.child-card>span:nth-child(2){min-width:0;flex:1}.child-card strong,.child-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.child-card small{color:var(--muted);margin-top:2px}.child-icon{font-size:21px}.document-relations{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}.relations{border:1.5px solid var(--border);border-radius:0;padding:14px;min-width:0}.relations h3{margin:0 0 9px;font-size:14px}.relations a{display:block;margin:5px 0;color:var(--link);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relations span{color:var(--muted)}.pager{display:flex;justify-content:space-between;gap:16px;margin-top:30px;padding-top:24px;border-top:1px solid var(--border)}.pager a{color:var(--secondary);text-decoration:none}.pager a:hover{color:var(--text)}.page-toc{position:fixed;z-index:25;right:0;top:var(--topbar);bottom:0;width:var(--toc);padding:24px 18px;background:var(--panel);border-left:1.5px solid var(--border-strong);overflow:auto}.toc-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.toc-heading strong{font:500 10px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}.toc-close{display:none}.page-toc a{display:block;position:relative;color:var(--muted);text-decoration:none;padding:4px 8px;border-left:3px solid var(--border);font-size:13px}.page-toc a:hover{color:var(--text)}.page-toc a.is-active{color:var(--text);border-color:var(--accent)}.mobile-tree,.mobile-toc{display:none}.drawer-overlay{position:fixed;z-index:24;inset:var(--topbar) 0 0;background:rgba(0,0,0,.42)}.toast{position:fixed;z-index:100;left:50%;bottom:34px;transform:translateX(-50%);padding:11px 16px;border:1.5px solid var(--accent-ink);border-radius:0;background:var(--accent);color:var(--accent-ink);box-shadow:none;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.lightbox{position:fixed;z-index:90;inset:0;background:rgba(0,0,0,.88);align-items:center;justify-content:center}.lightbox:not([hidden]){display:flex}.lightbox figure{margin:0;max-width:86vw;max-height:90vh;text-align:center}.lightbox img{max-width:86vw;max-height:84vh;object-fit:contain}.lightbox figcaption{color:#fff;margin-top:8px;font:500 10px/1.5 var(--mono);letter-spacing:.12em}.lightbox button{position:absolute;border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;border-radius:0;width:42px;height:42px;font-size:28px;cursor:pointer}.lightbox button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.lightbox-close{right:24px;top:20px}.lightbox-prev{left:24px;top:50%}.lightbox-next{right:24px;top:50%} @media(max-width:1100px){:root{--toc:0px}.page-toc{display:none}.document-relations{grid-template-columns:1fr 1fr}.mobile-toc{display:inline-flex}} .semantic-code-replacement{display:flex;flex-direction:column;aspect-ratio:var(--source-aspect)}.semantic-code-replacement .code-toolbar{flex:0 0 36px}.semantic-code-replacement pre{flex:1 1 auto;min-width:0;min-height:0;white-space:pre;overflow:auto} @media(max-width:720px){:root{--tree:0px}.mobile-tree{display:inline-flex}.topbar-actions button:not(.icon-button):not([data-action="copy-link"]){display:none}.topbar-title strong{max-width:34vw}.knowledge-tree{width:min(86vw,320px);transform:translateX(-100%);box-shadow:none;transition:transform .2s}.knowledge-tree.is-open{transform:none}.page-toc{display:block;width:min(82vw,300px);transform:translateX(100%);box-shadow:none;border-left:1.5px solid var(--border-strong);transition:transform .2s}.page-toc.is-open{transform:none}.toc-close{display:block;border:0;background:transparent;color:var(--text);font-size:22px}.document-shell{margin:0}.breadcrumbs{padding:18px 22px 0}.document{padding:27px 22px 70px}.document-header h1{font-size:28px}.doc-content{font-size:15px;margin-top:27px}.child-grid,.document-relations{grid-template-columns:1fr}.lightbox-prev{left:8px}.lightbox-next{right:8px}} @media(max-width:720px){.semantic-code-replacement{width:100%!important;height:auto!important;aspect-ratio:var(--source-aspect)}} @media print{.doc-topbar,.knowledge-tree,.page-toc,.breadcrumbs,.document-relations,.pager{display:none!important}.reader-layout,.document-shell{margin:0;padding:0}.document{max-width:none;padding:0}.doc-content{font-size:12pt}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} .reader-body{font-family:var(--sans);-webkit-font-smoothing:antialiased} .reader-body{--source-marker:var(--accent-text)} .reader-body{--code-token-base:#2b2f36;--code-token-comment:#a0a1a7;--code-token-meta:#4078f2;--code-token-keyword:#a626a4;--code-token-string:#50a14f;--code-token-number:#986801;--code-token-title:#4078f2;--code-token-type:#986801;--code-token-builtin:#c18401;--code-token-literal:#0184bb;--code-token-operator:#2b2f36;--code-token-punctuation:#2b2f36;--code-token-generic:#2b2f36} body.reader-body[data-tone="light"]{--code-token-base:#2b2f36;--code-token-comment:#a0a1a7;--code-token-meta:#4078f2;--code-token-keyword:#a626a4;--code-token-string:#50a14f;--code-token-number:#986801;--code-token-title:#4078f2;--code-token-type:#986801;--code-token-builtin:#c18401;--code-token-literal:#0184bb;--code-token-operator:#2b2f36;--code-token-punctuation:#2b2f36;--code-token-generic:#2b2f36} body.reader-body[data-tone="dark"]{--code-token-base:#e8e8e8;--code-token-comment:#a0a1a7;--code-token-meta:#61afef;--code-token-keyword:#c678dd;--code-token-string:#98c379;--code-token-number:#d19a66;--code-token-title:#61afef;--code-token-type:#e5c07b;--code-token-builtin:#e5c07b;--code-token-literal:#56b6c2;--code-token-operator:#e8e8e8;--code-token-punctuation:#e8e8e8;--code-token-generic:#e8e8e8} body.reader-body[data-tone="light"]{--code:#f5f6f8;--code-text:#1f2329;--code-toolbar-text:#646a73;--code-toolbar-border:#dfe1e5;--inline-code:#f5f6f8;--inline-code-border:#dee0e3} body.reader-body[data-tone="dark"]{--code:#292929;--code-text:#e8e8e8;--code-toolbar-text:#a0a1a7;--code-toolbar-border:#606060;--inline-code:#292929;--inline-code-border:#5f5f5f} body.reader-body[data-tone="light"]{--feishu-highlight-bg:rgba(255,246,122,.8);--feishu-highlight-text:var(--text)} body.reader-body[data-tone="dark"]{--feishu-highlight-bg:rgba(250,206,21,.16);--feishu-highlight-text:#f0f0f0} body.reader-body[data-tone="light"]{--feishu-highlight-red-bg:#fbbfbc;--feishu-highlight-red-text:var(--text)} body.reader-body[data-tone="dark"]{--feishu-highlight-red-bg:rgba(247,105,100,.24);--feishu-highlight-red-text:#f0f0f0} body.reader-body[data-tone="light"]{--code-panel-border:#dfe1e5} body.reader-body[data-tone="dark"]{--code-panel-border:#606060} body.reader-body[data-tone="light"]{--callout:#fff5eb;--callout-border:#f3d0a9} body.reader-body[data-tone="dark"]{--callout:#3f301d;--callout-border:#6b4d26} body.reader-body[data-tone="light"]{--sheet-canvas:#fff} body.reader-body[data-tone="dark"]{--sheet-canvas:#0a0a0a} body.reader-body[data-tone="light"]{--table-surface:#fff;--table-border:#dfe1e5} body.reader-body[data-tone="dark"]{--table-surface:#1a1a1a;--table-border:#424242} .code-block code{color:var(--code-token-base);font:inherit;font-weight:400;letter-spacing:inherit}.doc-content code.inline-code{display:inline;margin:0 3px;padding:1px 2px;border:1px solid var(--inline-code-border);border-radius:0;background:var(--inline-code);color:var(--text);font-family:var(--mono);font-size:1em;line-height:inherit;letter-spacing:inherit;white-space:break-spaces}.code-token-comment{color:var(--code-token-comment);font-style:italic}.code-token-meta{color:var(--code-token-meta)}.code-token-keyword{color:var(--code-token-keyword)}.code-token-string{color:var(--code-token-string)}.code-token-number{color:var(--code-token-number)}.code-token-title{color:var(--code-token-title)}.code-token-type{color:var(--code-token-type)}.code-token-builtin{color:var(--code-token-builtin)}.code-token-literal{color:var(--code-token-literal)}.code-token-operator{color:var(--code-token-operator)}.code-token-punctuation{color:var(--code-token-punctuation)}.code-token-generic{color:var(--code-token-generic)} .code-toolbar{color:var(--code-toolbar-text);border-bottom-color:var(--code-toolbar-border)}.code-toolbar button,.docx-code-block button{color:var(--code-toolbar-text)} .reader-body{--mobile-document-gutter:42px}.breadcrumbs,.document{max-width:calc(var(--source-body-width) + 96px)} body.reader-body[data-tone="light"],body[data-tone="light"] .reader-layout,body[data-tone="light"] .document-shell{background:#fff} body[data-tone="light"] .knowledge-tree{background:#FAFAFA} body[data-tone="dark"] .knowledge-tree{background:#1F1F22} body[data-tone="dark"] .doc-topbar{background:#191919} body.reader-body[data-tone="dark"],body[data-tone="dark"] .document-shell,body[data-tone="dark"] .document,body[data-tone="dark"] .doc-content{background:#191919} body[data-tone="dark"] .document-shell,body[data-tone="dark"] .document,body[data-tone="dark"] .doc-content{--text:#FFFFFF;color:#FFFFFF} .document{width:var(--source-body-width);max-width:var(--source-body-width);margin:0 0 0 var(--source-body-origin-x);padding:48px 0 350px;min-height:1256px}.document-header h1{margin:0 2px;padding:0;font-size:34px;line-height:55.25px;letter-spacing:.28px;font-weight:600}.document-meta{height:22px;line-height:22px;margin-top:10px}.doc-content{width:var(--source-body-width);margin-top:36px;display:flex;flex-direction:column;align-items:stretch}.breadcrumbs{max-width:none;margin:0;padding:0}.tree-controls{display:flex;align-items:center;gap:4px;padding:12px 10px 7px}.tree-search{flex:1;margin:0}.tree-theme{width:34px;height:34px;border:1px solid var(--border);border-radius:0;background:var(--panel);color:var(--secondary);cursor:pointer}.tree-theme:hover{background:var(--hover);color:var(--text)} .source-block-root{width:var(--block-desktop-width);max-width:none;min-width:0;margin-left:calc(var(--block-desktop-x) - var(--source-body-origin-x));--source-block-height:var(--block-desktop-height)}.source-block-root>[data-render-block="true"][data-block-parent=""]{box-sizing:border-box;height:var(--source-block-height);min-height:var(--source-block-height);max-height:var(--source-block-height);margin-top:0;margin-bottom:0}.source-block-root>.code-block{display:flex;flex-direction:column;overflow:hidden;margin:0}.source-block-root>.code-block>.code-content{flex:1 1 auto;min-height:0}.doc-content [data-block-type="paragraph"],.doc-content [data-block-type="ordered"],.doc-content [data-block-type="bullet"]{min-height:26px;line-height:26px;font-size:16px;letter-spacing:.28px;font-weight:400;font-family:var(--sans);overflow-wrap:break-word;word-break:break-word;white-space:break-spaces}.doc-content h1{font-size:26px}.doc-content h2{font-size:22px}.doc-content h3{font-size:20px}.doc-content h4{font-size:18px}.doc-content h1,.doc-content h2,.doc-content h3,.doc-content h4{line-height:1.4}.doc-content .has-source-marker{list-style:none;margin:0;padding:0}.doc-content .has-source-marker>li::marker{content:""}.doc-content .has-source-marker>li>.source-list-line{display:flex;align-items:flex-start}.doc-content .source-list-children{display:block;min-width:0}.doc-content .source-list-marker{display:flex;align-items:center;flex:0 0 auto;min-width:18px;height:20px;margin:4px 6px 0 0;padding:0 2px;color:var(--source-marker);font-family:"Helvetica Neue",Consolas;letter-spacing:.32px;line-height:26px;white-space:nowrap}.doc-content .has-source-marker>li[data-block-type="bullet"]>.source-list-line>.source-list-marker{display:flex;align-items:center;flex:0 0 18px;width:18px;min-width:18px;height:20px;margin:3.5px 6px 0 0;padding:0 0 0 4px;color:var(--source-marker);font-family:Arial,Helvetica,"sans-serif";letter-spacing:.28px;line-height:26px}.doc-content .has-source-marker>li>.source-list-line>[data-render-content="true"]{flex:1 1 auto;min-width:0}.callout-icon{width:37px}.callout>div{flex:1;min-width:0} .code-block{z-index:2;border:1px solid var(--code-panel-border)!important;border-radius:0!important;background:var(--code)!important}.code-toolbar{position:relative;z-index:3;height:40px;min-height:40px;justify-content:flex-start;align-items:flex-start;padding:8px 8px 0 28px;border-bottom:0;background:var(--code)}.code-toolbar button{height:24px;padding:0 8px;line-height:24px}.code-language{margin-right:auto;font-size:14px;line-height:25.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-language-selector{flex:0 0 auto;margin-right:6px;padding:0 6px;font-size:14px;line-height:24px;white-space:nowrap;opacity:0}.code-block:hover .code-language-selector,.code-language-selector:focus-visible{opacity:1}.copy-code{flex:0 0 auto;opacity:1;scroll-margin:80px 260px 80px 0}.code-content{display:grid;grid-template-columns:59px minmax(0,1fr);min-height:0;overflow-x:auto;overflow-y:hidden;background:var(--code);font-family:var(--mono);font-size:14px;line-height:22px;letter-spacing:.28px}.code-line-numbers{position:sticky;left:0;z-index:2;display:block;align-self:start;min-height:100%;padding-bottom:24px;counter-reset:code-line;background:var(--code);color:var(--code-toolbar-text);font:inherit;text-align:right;user-select:none}.code-line-number{display:block;height:22px}.code-line-number::before{counter-increment:code-line;content:counter(code-line);display:inline-block;width:36px;padding-right:22px}.code-content>pre{position:relative;z-index:1;min-width:max-content;margin:0;overflow:visible;padding:0 20px 24px 0;background:var(--code);color:var(--code-text);font:inherit;tab-size:4;white-space:pre} .code-content::-webkit-scrollbar{display:flex;width:13px;height:13px;background:transparent}.code-content::-webkit-scrollbar-track{background:transparent}.code-content::-webkit-scrollbar-thumb{border-radius:0;background:transparent}.code-content:hover::-webkit-scrollbar-thumb{background:rgba(100,106,115,.45)} .attachment{justify-content:space-between;gap:16px}.attachment-size{color:var(--muted);white-space:nowrap}.table-wrap{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.table-wrap::-webkit-scrollbar{display:none}.table-wrap>table{table-layout:fixed;width:var(--table-content-width);min-width:var(--table-content-width);margin-right:4px;background:var(--table-surface);box-shadow:inset 1px 0 var(--table-border);user-select:text}.table-wrap>table>tbody>tr>td,.table-wrap>table>thead>tr>th{padding:0;min-width:0;border:0}.table-wrap [data-block-type="table-cell"]{background:var(--table-surface)!important;border-color:var(--table-border)!important}.sheet-snapshot{position:relative;overflow-x:auto;overflow-y:hidden;margin:0;border:0;border-radius:0;background:transparent}.sheet-canvas{position:absolute;inset:0;z-index:0;display:block;max-width:none;background:transparent;pointer-events:none}.sheet-semantic-table{position:relative;z-index:1;table-layout:fixed;width:var(--table-content-width);min-width:var(--table-content-width);margin:var(--sheet-top-blank,24px) 0 0;border-collapse:collapse;background:transparent;user-select:text}.sheet-semantic-table td,.sheet-semantic-table th{box-sizing:border-box;border:1px solid var(--table-border);background:var(--sheet-canvas);user-select:text}.sheet-canvas-data{display:none}.embed-snapshot{overflow:auto;margin:18px 0;padding:16px;border:1px solid var(--border);border-radius:0}.embed-snapshot h3{margin:0 0 8px}.embed-grid{overflow:auto;max-width:100%}.callout{display:flex;gap:10px;padding:16px!important;border:1px solid var(--callout-border)!important;border-radius:0!important;background:var(--callout)!important}.callout-icon{flex:0 0 21px;width:21px}.external-link:after{content:"↗";font-size:.72em;margin-left:3px}.doc-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:16px;align-items:start}.doc-layout-column{min-width:0}[data-frozen-row="true"]{position:sticky;top:var(--frozen-top,0px);z-index:3;background:var(--panel)}[data-frozen-column="true"]{position:sticky;left:var(--frozen-left,0px);z-index:2;background:var(--panel)}[data-frozen-row="true"][data-frozen-column="true"]{z-index:4} .embed-snapshot.attachment-embed{overflow:visible;margin:0;padding:0;border:0;background:transparent} .attachment{box-sizing:border-box;width:min(400px,100%)!important;height:66px!important;min-height:66px!important;max-height:66px!important;align-items:center;gap:20px;padding:12px 16px!important;border:1px solid var(--border)!important;border-radius:0!important}.attachment-details{display:flex;flex:1 1 auto;min-width:0;flex-direction:column}.attachment-name{font-size:14px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:12px;line-height:18px;color:var(--muted);white-space:nowrap}.attachment-file-icon{display:grid;flex:0 0 32px;place-items:center;width:32px;height:40px}.attachment-file-icon svg{width:32px;height:40px}.attachment-file-surface{fill:var(--accent)}.attachment-file-fold{fill:#C9C200}.attachment-file-paper{fill:#fff}.attachment-file-paper-fold{fill:none;stroke:#E6D900;stroke-linejoin:round}.attachment-zip-glyph{fill:#191919;stroke:#191919}.attachment-html-glyph,.attachment-file-glyph{stroke:#191919}.attachment-download-icon{display:grid;flex:0 0 24px;place-items:center;width:24px;height:24px;color:var(--secondary)}.attachment-download-icon{color:var(--secondary)}.attachment-download-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.doc-content .feishu-highlight{background:var(--feishu-highlight-bg)!important;color:var(--feishu-highlight-text)!important}.doc-content .feishu-highlight-red{background:var(--feishu-highlight-red-bg)!important;color:var(--feishu-highlight-red-text)!important} .doc-content [data-block-type="table-cell"],.doc-content [data-block-type="table-cell"] [data-block-type="paragraph"]{font-size:14px;line-height:23px}.sheet-semantic-table td,.sheet-semantic-table th{font-size:14px;line-height:20px;padding:2px 4px;min-width:0;vertical-align:middle}.sheet-semantic-table th{background:var(--sheet-canvas);font-weight:600;text-align:left} .reader-body:not(.has-page-toc) .document-shell{margin-right:0}.home-button{width:auto;padding:0 8px}.topbar-title time{font:400 9px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.lightbox-zoom{position:absolute;top:16px;left:50%;z-index:2;display:flex;transform:translateX(-50%);gap:6px}.lightbox-zoom button{min-width:38px}.lightbox figure{overflow:auto}.lightbox figure img{transform-origin:center center;transition:none} @media(min-width:721px){.reader-body{--toc:var(--source-body-origin-x);--comments:var(--source-body-origin-x);--toc-document-gap:32px}.page-toc{display:block;left:var(--tree);right:auto;width:calc(var(--toc) - var(--toc-document-gap));padding:24px 18px;overflow:auto}.toc-heading{position:relative;padding-right:30px}.toc-collapse-toggle{display:grid;position:absolute;top:-2px;right:0;z-index:2;place-items:center;width:26px;height:26px;padding:0;border:1.5px solid var(--border);border-radius:0;background:var(--panel);color:var(--secondary);cursor:pointer}.toc-collapse-toggle:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.toc-collapse-toggle::before{content:"‹";font-size:22px;line-height:1}.reader-body.toc-collapsed .page-toc{width:40px;padding:16px 6px;overflow:visible}.reader-body.toc-collapsed .page-toc nav,.reader-body.toc-collapsed .toc-heading strong{display:none}.reader-body.toc-collapsed .toc-heading{margin:0;padding:0}.reader-body.toc-collapsed .toc-collapse-toggle{top:0;right:0}.reader-body.toc-collapsed .toc-collapse-toggle::before{content:"›"}.document-shell{left:var(--tree);right:var(--comments)}.reader-body:not(.has-comments) .document-shell{right:0}.comments-rail{position:fixed;z-index:25;right:0;top:var(--topbar);bottom:0;width:var(--comments);border-left:1.5px solid var(--border-strong);background:var(--panel)}} @media(max-width:720px){.comments-rail{display:none}.toc-collapse-toggle::before{content:"×"}} .doc-content figure.source-image-figure{margin-left:0;margin-right:0;margin-bottom:0;height:var(--image-block-desktop-height);overflow:hidden}.source-block-root:has(>.source-image-figure){pointer-events:none}.source-image-figure{pointer-events:none}.source-image{pointer-events:auto}.doc-content img.source-image{top:var(--image-desktop-offset-y,0px);width:var(--image-desktop-width,100%);max-width:none!important;height:var(--image-desktop-height,auto);object-fit:var(--image-desktop-object-fit,fill);object-position:var(--image-desktop-object-position,50% 50%);margin-left:var(--image-desktop-offset-x,0);margin-right:0;clip-path:var(--image-desktop-clip,none)} .search-dialog{position:fixed;z-index:95;inset:0;display:grid;place-items:start center;padding:10vh 20px;background:rgba(0,0,0,.48)}.search-dialog[hidden]{display:none}.search-panel{width:min(680px,100%);max-height:78vh;display:flex;flex-direction:column;border:1.5px solid var(--border-strong);border-radius:0;background:var(--panel);box-shadow:none;overflow:hidden}.search-panel header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border)}.search-close{border:0;background:transparent;color:var(--secondary);font-size:24px;line-height:1;cursor:pointer}.search-input{margin:14px 16px 8px;padding:10px 12px;border:1.5px solid var(--border);border-radius:0;background:var(--panel);color:var(--text);outline:none}.search-input:focus{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.search-results{overflow:auto;padding:6px 8px 14px}.search-result{display:block;padding:10px;border-radius:0;border-left:3px solid transparent;color:var(--text);text-decoration:none}.search-result:hover,.search-result:focus{background:var(--accent);border-left-color:var(--accent-ink);color:var(--accent-ink)}.search-result:hover small,.search-result:focus small{color:var(--accent-ink)}.search-result strong,.search-result small{display:block}.search-result small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-empty{padding:18px 10px;color:var(--muted);text-align:center} .tree-search{margin:12px 10px 7px;padding:7px 10px;border:1.5px solid var(--border);border-radius:0;background:var(--panel);color:var(--secondary);text-align:left;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.1em}.tree-search:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tree-search span{margin-left:6px} @media(max-width:720px){.document{width:291px;max-width:291px;margin-left:42px;padding:48px 0 186px;min-height:1100px}.document-header h1{font-size:34px;font-weight:600;letter-spacing:.28px;line-height:55.25px}.doc-content{width:291px;font-size:16px}.topbar-left{flex:1;min-width:0;overflow:hidden}.topbar-actions{flex:0 0 auto;gap:4px}.breadcrumbs{flex:1;min-width:0;max-width:none;padding:0}.topbar-title strong{display:none}.topbar-title time{display:block;max-width:28vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-topbar{padding-inline:8px}.home-button{padding-inline:6px}.source-block-root{width:var(--block-mobile-width);margin-left:calc(var(--block-mobile-x) - 42px);--source-block-height:var(--block-mobile-height)}.doc-content figure.source-image-figure{margin-left:0;height:var(--image-block-mobile-height)}.doc-content img.source-image{top:var(--image-mobile-offset-y,var(--image-desktop-offset-y,0px));width:var(--image-mobile-width,var(--image-desktop-width,100%));height:var(--image-mobile-height,var(--image-desktop-height,auto));object-fit:var(--image-mobile-object-fit,var(--image-desktop-object-fit,fill));object-position:var(--image-mobile-object-position,var(--image-desktop-object-position,50% 50%));margin-left:var(--image-mobile-offset-x,var(--image-desktop-offset-x,0));margin-right:0;clip-path:var(--image-mobile-clip,none)}} html,.reader-body{overflow:hidden}.document-shell{position:fixed;left:var(--tree);top:var(--topbar);right:0;bottom:0;margin:0!important;min-height:0;overflow:auto}.reader-body.drawer-open .document-shell{overflow:hidden}@media(max-width:720px){.document-shell{left:0}}@media print{html,.reader-body{overflow:visible!important}.document-shell{position:static!important;overflow:visible!important;inset:auto!important;margin:0!important}} @media(min-width:721px){.document-shell{left:var(--tree);right:var(--comments)}.reader-body:not(.has-comments) .document-shell{right:0}} .doc-content .has-source-heading-marker{display:flex;align-items:flex-start}.doc-content .source-heading-marker{display:flex;flex:0 0 28.1953125px;width:28.1953125px;height:20px;margin-top:6.8984375px;margin-right:6px;padding:0 2px;color:var(--source-marker);font:inherit;font-weight:600;line-height:30.8px}.doc-content [data-block-type="heading"]>[data-render-content="true"],.doc-content [data-block-type="heading"]>[data-render-content="true"] *{font-weight:600;letter-spacing:-.44px} .comments-rail[hidden]{display:none!important}.reader-body:not(.has-comments){--comments:0px}.comments-rail{color:var(--text);overflow:hidden}.comments-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1.5px solid var(--border);background:var(--panel)}.comments-heading button{border:0;background:transparent;color:var(--secondary);font-size:22px;cursor:pointer}.comment-threads{position:relative;min-height:calc(100% - 55px);padding:10px}.comment-thread{display:none;position:absolute;left:10px;right:10px;margin:0;border:1.5px solid var(--border);border-radius:0;background:var(--panel)}.comment-thread.is-visible{display:block}.comment-thread.is-focused{border-color:var(--accent);box-shadow:none}.comment-thread-link{display:block;padding:12px;color:inherit;text-decoration:none}.comment-thread header,.comment-reply header{display:flex;align-items:baseline;gap:7px;margin-bottom:7px}.comment-thread time,.comment-reply time,.comment-state{color:var(--muted);font-size:11px}.comment-state{margin-left:auto}.comment-body{overflow-wrap:anywhere;white-space:pre-wrap}.comment-reply{margin:0 12px 12px;padding:10px;border-left:2px solid var(--border)}.comment-annotation{border-radius:0;background:var(--feishu-highlight-bg);color:var(--feishu-highlight-text);cursor:pointer}.comment-annotation.is-focused{outline:2px solid var(--magenta);outline-offset:2px}.mobile-comments{display:none} @media(min-width:721px){.comments-heading button{display:none}} @media(max-width:720px){.mobile-comments{display:inline-grid}.comments-rail{display:none;position:fixed;z-index:80;inset:var(--topbar) 0 0 auto;width:min(88vw,360px);border-left:1px solid var(--border);background:var(--panel);box-shadow:none}.comments-rail.is-open{display:block}.reader-body.drawer-open .comments-rail.is-open{overflow:auto}.comments-rail .comment-threads{position:static;min-height:0}.comments-rail .comment-thread.is-visible{position:static;margin-bottom:10px}} @media(min-width:721px){ .reader-body.is-resizing-reader-pane{cursor:col-resize!important;user-select:none!important} .reader-body.is-resizing-reader-pane *{cursor:col-resize!important} .reader-layout{--pane-tree:300px;--pane-toc:0px;--pane-comments:0px;--pane-tree-resizer:6px;--pane-toc-resizer:6px;--pane-comments-resizer:6px;display:grid;grid-template-columns:var(--pane-tree) var(--pane-tree-resizer) var(--pane-toc) var(--pane-toc-resizer) minmax(480px,1fr) var(--pane-comments-resizer) var(--pane-comments);grid-template-rows:minmax(0,1fr);position:fixed;inset:var(--topbar) 0 0;padding:0;min-height:0} [data-pane]{position:relative;inset:auto;width:auto;height:auto;min-width:0;min-height:0} [data-pane],[data-pane-resizer]{grid-row:1} [data-pane="tree"]{grid-column:1} [data-pane-resizer="tree"]{grid-column:2} [data-pane="toc"]{grid-column:3} [data-pane-resizer="toc"]{grid-column:4} [data-pane="document"]{grid-column:5} [data-pane-resizer="comments"]{grid-column:6} [data-pane="comments"]{grid-column:7} [data-pane="document"]{position:relative;inset:auto;overflow:auto} .reader-body:not(.has-page-toc) .reader-layout{--pane-toc-resizer:0px} .reader-body:not(.has-comments) .reader-layout{--pane-comments-resizer:0px} .pane-resizer{position:relative;z-index:40;display:block;cursor:col-resize;touch-action:none;background:transparent} .pane-resizer::after{content:"";position:absolute;inset:0 2px;background:var(--border)} .pane-resizer:hover::after,.pane-resizer:focus-visible::after,.pane-resizer.is-dragging::after{background:var(--accent)} .knowledge-tree .pane-content{display:flex;min-height:0;flex:1;flex-direction:column} .knowledge-tree .tree-scroll{min-height:0;flex:1} .pane-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px 16px;border-bottom:1.5px solid var(--border);background:var(--panel)} .knowledge-tree .pane-heading{background:var(--tree-bg)} .pane-heading button{border:0;background:transparent;color:var(--secondary);cursor:pointer} .comments-heading [data-pane-toggle]{display:block} .pane-collapsed-label{display:none} .reader-body[data-pane-tree-collapsed="true"] [data-pane="tree"] .pane-content, .reader-body[data-pane-toc-collapsed="true"] [data-pane="toc"] nav, .reader-body[data-pane-comments-collapsed="true"] [data-pane="comments"] .comment-threads{display:none} .reader-body[data-pane-tree-collapsed="true"] [data-pane-resizer="tree"], .reader-body[data-pane-toc-collapsed="true"] [data-pane-resizer="toc"], .reader-body[data-pane-comments-collapsed="true"] [data-pane-resizer="comments"]{display:none} .reader-body[data-pane-tree-collapsed="true"] .reader-layout{--pane-tree-resizer:0px} .reader-body[data-pane-toc-collapsed="true"] .reader-layout{--pane-toc-resizer:0px} .reader-body[data-pane-comments-collapsed="true"] .reader-layout{--pane-comments-resizer:0px} .reader-body[data-pane-tree-collapsed="true"] [data-pane="tree"] .pane-heading>span:first-child, .reader-body[data-pane-toc-collapsed="true"] [data-pane="toc"] .toc-heading strong, .reader-body[data-pane-comments-collapsed="true"] [data-pane="comments"] .comments-heading strong{display:none} .reader-body[data-pane-tree-collapsed="true"] [data-pane="tree"] .pane-collapsed-label, .reader-body[data-pane-toc-collapsed="true"] [data-pane="toc"] .pane-collapsed-label, .reader-body[data-pane-comments-collapsed="true"] [data-pane="comments"] .pane-collapsed-label{display:block;margin:auto;writing-mode:vertical-rl} } @media(max-width:720px){.pane-resizer,[data-action="reset-layout"]{display:none!important}} @media(min-width:721px){.document{margin-left:auto;margin-right:auto} [data-pane="document"]{overflow:auto;scrollbar-gutter:stable} [data-pane="document"]>.document{margin-left:auto;margin-right:auto;min-width:var(--source-body-width)} } /* === YYKK ORBITAL ARCHIVE · fusion 阅读器外壳补充 === */ /* 明暗切换统一由 tone-mode.js 负责（localStorage 键 yykk-site-tone -> body[data-tone]）；V1.8 恢复顶栏 ◐ 切换按钮，.tree-theme 页面无对应标记，保持隐藏 */ .tree-theme{display:none!important} .pane-heading>span:first-child,.comments-heading strong{font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase} /* === V1.3 修复：浅色模式中和源 HTML 烘焙的深色内联样式 === 部分笔记（205/207/208 等）从暗色飞书导出时把 color:rgb(240,240,240) / background-color:rgb(41,41,41) 直接写进 style 属性，内联样式优先级最高， 浅色模式下白字浅底、黑块代码无法阅读。此处仅在 light tone 下用 !important 中和。 */ body.reader-body[data-tone="light"] .doc-content [style*="240, 240, 240"]{color:var(--text)!important} body.reader-body[data-tone="light"] .doc-content [style*="41, 41, 41"]{background-color:transparent!important} /* === V1.5 模块切换 tab · fusion 样式（工位M） === 容器 .tree-modules 位于 .knowledge-tree 内搜索框之下、树列表之上； 三个 .tree-module-tab 横向铺满树宽（--tree:300px），高度 32px， flex:0 0 auto 不挤压 .tree-scroll 滚动区。全部使用现有主题变量，明暗两色自适应。 */ .knowledge-tree .tree-modules{display:flex;flex:0 0 auto;align-items:stretch;margin:0 10px 7px;border:1.5px solid var(--border);border-radius:0;background:var(--panel)} .tree-module-tab{flex:1 1 0;min-width:0;height:32px;padding:0 4px;border:0;border-right:1.5px solid var(--border);border-radius:0;background:transparent;color:var(--secondary);font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer} .tree-module-tab:last-child{border-right:0} .tree-module-tab:hover{background:var(--hover);color:var(--text)} .tree-module-tab:focus-visible{outline:1.5px solid var(--accent);outline-offset:-1.5px;color:var(--text)} .tree-module-tab.is-active,.tree-module-tab.is-active:hover{background:var(--accent);color:var(--accent-ink)} /* 模块切换隐藏的树顶层节点 */ .is-module-hidden{display:none!important} /* === V1.8 工位T：顶栏主题按钮解禁与质感 === [data-action="theme"] 已从隐藏规则移除，沿用 .icon-button 32px/零圆角基线； ◐ 依 body[data-tone] 微调：暗色下旋转 180°（半圆朝向翻转）并点亮 var(--accent)， hover 沿用现有黄底规则（暗色 hover 需显式压回 --accent-ink，否则黄底黄字）； 页面级明暗过渡 ~200ms 只加在外壳容器选择器上（含 transform 以免覆盖移动端抽屉 .knowledge-tree/.page-toc 的滑动过渡），不碰 * 通配。 */ .doc-topbar [data-action="theme"]{font-size:15px;transition:transform .2s ease,color .2s ease,background-color .2s ease,border-color .2s ease} body[data-tone="dark"] .doc-topbar [data-action="theme"]{color:var(--accent);transform:rotate(180deg)} body[data-tone="dark"] .doc-topbar [data-action="theme"]:hover{color:var(--accent-ink)} .reader-body,.doc-topbar,.knowledge-tree,.page-toc,.comments-rail,.document-shell,.document,.doc-content,.pane-heading{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease} /* === V1.9 工位R：390×844 移动端阅读页修复 === 全部改动收进 ≤720px / ≤480px 媒体查询，桌面端零改动。明暗双色仅使用现有变量。 */ @media(max-width:720px){ /* R1 抽屉关闭时把边框一起推出屏外（原 translateX(100%) 把 1.5px 边框留在视口边缘，暗色下呈亮竖线） */ .knowledge-tree{transform:translateX(calc(-100% - 3px))} .page-toc{transform:translateX(calc(100% + 3px))} .knowledge-tree.is-open,.page-toc.is-open{transform:none} /* R2 抽屉头部：pane-heading 的 flex/间距原本只在 ≥721px 定义，移动端退化为流式布局， 标题挤在左上角、关闭按钮悬空；pane-collapsed-label 只在 ≥721px 隐藏，移动端漏出造成"双标题" */ .knowledge-tree .pane-heading,.page-toc .pane-heading,.comments-rail .pane-heading{ display:flex;align-items:center;justify-content:space-between;gap:8px; padding:14px 16px;border-bottom:1.5px solid var(--border);background:var(--panel)} .knowledge-tree .pane-heading{background:var(--tree-bg)} .pane-collapsed-label{display:none} .knowledge-tree .pane-heading button,.page-toc .pane-heading button{ flex:0 0 auto;min-width:32px;min-height:32px;padding:0 6px;border:0;background:transparent; color:var(--secondary);font-size:22px;line-height:1;cursor:pointer} .knowledge-tree .pane-heading button:hover,.page-toc .pane-heading button:hover{color:var(--text)} /* R3 评论抽屉宽度 88vw → 86vw，与其余抽屉一致 */ .comments-rail{width:min(86vw,340px)} /* R4 正文列底部留白收敛（原 min-height:1100px + padding-bottom:186px，短笔记底部大片空区） */ .document{min-height:70vh;padding-bottom:120px} /* R5 代码块/表格横向滚动：触屏顺滑 + 防止滚动链穿透到正文 */ .code-content,.table-wrap,.sheet-snapshot,.embed-grid,.embed-snapshot{overscroll-behavior:contain;touch-action:pan-x pan-y} /* R6 lightbox：缩放按钮组里所有按钮被 .lightbox button 的 position:absolute 叠在一起（"+ 100% −"重叠）， 移动端改为静态排布并下移到底部拇指区；触控目标加大到 44px */ .lightbox-zoom{top:auto;bottom:calc(20px + env(safe-area-inset-bottom,0px));align-items:center; padding:4px 6px;border:1.5px solid rgba(255,255,255,.35);background:rgba(0,0,0,.5)} .lightbox-zoom button{position:static;width:44px;height:44px;font-size:24px} .lightbox-zoom button[data-zoom="reset"]{width:auto;min-width:64px;padding:0 8px;font-size:15px;font-family:var(--mono)} .lightbox-close{right:12px;top:12px;width:44px;height:44px} .lightbox-prev{left:4px} .lightbox-next{right:4px} .lightbox button{min-width:44px;min-height:44px} } /* R7 376–720px：正文列仍按烘焙的 291px 移动端画布渲染，但居中放置， 消除 390px 视口左侧 42px / 右侧 57px 的不对称死区 */ @media(min-width:376px) and (max-width:720px){ .document{margin-left:auto;margin-right:auto} } @media(max-width:480px){ /* R8 面包屑折叠：多级路径（项目笔记/CS/2026.7.7/AI模组）在 390px 顶栏必然溢出； 只保留首级 + 当前篇，中间以 / … / 代替，各自省略号截断 */ .breadcrumbs{gap:0;overflow:hidden} .breadcrumbs .crumb-sep{display:none} .breadcrumbs a{display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .breadcrumbs a:last-child{display:inline-block;max-width:100%} .breadcrumbs a:last-child::before{content:"… / ";color:var(--muted)} /* R9 顶栏收紧：copy-link 黄钮内边距收敛，给面包屑让位 */ .topbar-actions button[data-action="copy-link"]{padding:0 10px} /* R10 大标题行高压回正常比例（移动端 h1 继承桌面 34px/55.25px，换行后行距过大） */ .document-header h1{font-size:28px;line-height:1.35} } /* ========================================================================== ORBITAL READER SKIN：与主站同一套 token、字体与分类色； 页面结构由 tools/patch-notebooks.mjs 生成（品牌芯片 / 进度条 / 规格表 / 同级笔记 / 翻页卡片）。 本层位于层叠末端，覆盖上方飞书复刻层（含其 !important）。 ========================================================================== */ body.reader-body[data-tone]{ --accent:#FFFA00;--accent-ink:#191919;--accent-line:#E6D900; --cat-tech:#007A54;--cat-study:#7A6A00;--cat-project:#C41488; --muted:#5F6166;--grid:rgba(25,25,25,.035);--tick:rgba(25,25,25,.42); --read-measure:680px; --code:#F6F6F3;--code-panel-border:rgba(25,25,25,.14);--code-toolbar-text:#6B6D72; --callout:#FFFCE3;--callout-border:rgba(122,106,0,.26); --feishu-highlight-bg:rgba(255,250,0,.55); font-family:var(--sans); } body.reader-body[data-tone="dark"]{ --accent-line:#FFFA00; --cat-tech:#00FFA2;--cat-study:#FFFA00;--cat-project:#FF1AAC; --muted:#8E9095;--grid:rgba(255,255,255,.028);--tick:rgba(255,255,255,.38); --code:#141416;--code-panel-border:rgba(255,255,255,.14);--code-toolbar-text:#8C8E93; --callout:rgba(255,250,0,.05);--callout-border:rgba(255,250,0,.24); --feishu-highlight-bg:rgba(255,250,0,.2); } .reader-body :focus-visible{outline:2px solid var(--accent-line);outline-offset:2px} .reader-body svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square} /* ---- 顶栏：品牌芯片 + 等宽面包屑 + 命令面板入口 + 阅读进度 ---- */ .doc-topbar{gap:16px;padding:0 14px 0 12px;view-transition-name:reader-topbar} .topbar-left{gap:12px} .doc-topbar .brand-chip.home-button{width:auto;height:28px;padding:0 10px;border:0;background:var(--accent);color:var(--accent-ink);font:800 15px/1 var(--display);letter-spacing:.04em;white-space:nowrap} .doc-topbar .brand-chip.home-button:hover{background:var(--text);color:var(--bg)} .breadcrumbs{display:flex;align-items:center;min-width:0;font:12px/1 var(--mono);letter-spacing:.06em;color:var(--muted)} .breadcrumbs a{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)} .breadcrumbs a:last-child{color:var(--text)} .breadcrumbs a:hover{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:4px} .crumb-sep{flex:none;margin:0 7px;opacity:.5} .topbar-actions{gap:6px} .topbar-actions .icon-button,.topbar-actions button[data-action="copy-link"]{width:32px;height:32px;padding:0;border:1.5px solid var(--border);background:transparent;color:var(--secondary);font-size:inherit;letter-spacing:0} .topbar-actions .icon-button:hover,.topbar-actions button[data-action="copy-link"]:hover{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)} .tone-swatch{display:block;width:12px;height:12px;border:1.5px solid currentColor;background:linear-gradient(135deg,currentColor 50%,transparent 50%)} .topbar-actions .reader-find{display:inline-flex;align-items:center;gap:8px;width:220px;height:32px;padding:0 6px 0 9px;border:1.5px solid var(--border);background:transparent;color:var(--muted);font:13px/1 var(--sans);text-align:left;cursor:pointer} .reader-find svg{width:16px;height:16px} .reader-find kbd,.tree-search kbd{margin-left:auto;padding:3px 5px;border:1px solid var(--border);font:11px/1 var(--mono);letter-spacing:.06em;color:var(--muted)} .topbar-actions .reader-find:hover{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)} .topbar-actions .reader-find:hover kbd{border-color:rgba(25,25,25,.4);color:var(--accent-ink)} .read-progress{position:absolute;left:0;right:0;bottom:-1.5px;height:1.5px;pointer-events:none} .read-progress i{display:block;height:100%;background:var(--accent-line);transform:scaleX(var(--read-progress,0));transform-origin:0 50%} /* ---- 左侧知识树：紧凑行距、黄色当前条 ---- */ .knowledge-tree{view-transition-name:reader-tree} .tree-search{display:flex;align-items:center;gap:8px;margin:12px 10px 8px;padding:0 6px 0 9px;height:34px;font:13px/1 var(--sans);letter-spacing:0} .tree-search svg{width:15px;height:15px} .tree-search span{margin:0} .tree-search:hover kbd{border-color:rgba(25,25,25,.4);color:var(--accent-ink)} .tree-caret{height:34px} .tree-link{min-height:34px;padding:0 10px;border-left-width:3px;font-size:13.5px} .tree-link.is-active{border-left-color:var(--accent-line);background:color-mix(in srgb,var(--accent) 12%,transparent);font-weight:700} .page-toc a{padding:6px 10px;border-left-width:2px;font-size:13px;line-height:1.5} .page-toc a.is-active{border-left-color:var(--accent-line);font-weight:700} .pane-heading>span:first-child,.toc-heading strong,.comments-heading strong{font:700 11px/1 var(--mono);letter-spacing:.14em} /* 界面文字下限 11px：覆盖飞书复刻层里仍会显示的 9–10px 标签 */ .tree-module-tab{font-size:11px;letter-spacing:.06em} .toast,.lightbox figcaption{font-size:11px} /* ---- 正文画布：网格工作台上的实底纸面，约 40 个汉字行宽 ---- */ body.reader-body[data-tone] .document-shell{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px;background-attachment:local} body.reader-body[data-tone] .document,body.reader-body[data-tone] .doc-content{background:var(--bg)} @media(min-width:721px){ [data-pane="document"]>.document{box-sizing:border-box;width:min(calc(var(--read-measure) + 88px),100% - 48px);min-width:0;max-width:none;min-height:100%;padding:56px 44px 120px;border-inline:1px solid var(--border)} } .doc-content{width:auto;max-width:100%;margin-top:40px;counter-reset:fig} .source-block-root{width:auto;max-width:100%} body.reader-body[data-tone="dark"] .doc-content{--text:#E6E6E6;color:var(--text)} .doc-content [data-block-type="heading"]{--text:var(--heading,#191919)} body.reader-body[data-tone="dark"] .doc-content [data-block-type="heading"]{--heading:#FFFFFF} .doc-content [data-block-type="paragraph"],.doc-content [data-block-type="ordered"],.doc-content [data-block-type="bullet"]{font-size:16px;line-height:1.8;letter-spacing:.02em} .doc-content .source-list-marker{margin-top:5px} .doc-content [data-block-type="heading"]>[data-render-content="true"],.doc-content [data-block-type="heading"]>[data-render-content="true"] *{font-weight:700;letter-spacing:0} .doc-content>.source-block-root:has(>[data-block-type="heading"]){margin-top:30px;margin-bottom:6px} .doc-content>.source-block-root:has(>:is(h1,h2)[data-block-type="heading"]){position:relative;margin-top:44px;padding-top:18px} .doc-content>.source-block-root:has(>:is(h1,h2)[data-block-type="heading"])::before{content:"";position:absolute;left:0;right:0;top:0;height:1.5px;background:linear-gradient(90deg,var(--accent-line) 0 32px,var(--border) 32px)} .doc-content>.source-block-root:first-child:has(>[data-block-type="heading"]){margin-top:0} .doc-content a:hover{background:var(--accent);color:var(--accent-ink);text-decoration-color:transparent} .doc-content code.inline-code{padding:1px 4px;font-size:.9em} /* ---- 代码 / 提示块 / 表格 / 图片：工程图角标 + 等宽题注 ---- */ .doc-content>.source-block-root:has(>:is(.code-block,.callout,.table-wrap,.sheet-snapshot)){position:relative;margin-block:10px} .doc-content>.source-block-root:has(>:is(.code-block,.callout,.table-wrap,.sheet-snapshot))::after, .doc-content figure.source-image-figure::after{content:"";position:absolute;inset:-5px;z-index:3;pointer-events:none;background: linear-gradient(var(--tick),var(--tick)) 0 0/10px 1px,linear-gradient(var(--tick),var(--tick)) 0 0/1px 10px, linear-gradient(var(--tick),var(--tick)) 100% 0/10px 1px,linear-gradient(var(--tick),var(--tick)) 100% 0/1px 10px, linear-gradient(var(--tick),var(--tick)) 0 100%/10px 1px,linear-gradient(var(--tick),var(--tick)) 0 100%/1px 10px, linear-gradient(var(--tick),var(--tick)) 100% 100%/10px 1px,linear-gradient(var(--tick),var(--tick)) 100% 100%/1px 10px;background-repeat:no-repeat} .code-toolbar{height:36px;min-height:36px;align-items:center;padding:0 8px 0 16px;border-bottom:1px solid var(--code-panel-border)} .code-language{font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--code-toolbar-text)} .code-language::before{content:"CODE · ";opacity:.65} .code-block .copy-code{height:24px;padding:0 9px;border:1px solid var(--code-panel-border);font:11px/22px var(--mono);letter-spacing:.08em} .code-block .copy-code:hover{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)} .code-content{padding-top:12px} .callout{border:1px solid var(--callout-border)!important;border-left:3px solid var(--accent-line)!important;background:var(--callout)!important} .table-wrap{border-color:var(--border)} .doc-content figure.source-image-figure{position:relative;width:fit-content;max-width:100%;margin:14px auto 30px;counter-increment:fig} .doc-content figure.source-image-figure:not(.is-cropped){width:fit-content!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible} .doc-content figure.source-image-figure:not(.is-cropped) img.source-image{position:static;display:block;width:var(--image-desktop-width,auto);max-width:100%!important;height:auto;margin:0 auto;clip-path:none;object-fit:contain} .doc-content figure.source-image-figure.is-cropped{width:auto!important;margin-inline:0;zoom:var(--doc-zoom,1)} .doc-content figure.source-image-figure figcaption{position:absolute;left:0;top:calc(100% + 9px);margin:0;font:11px/1 var(--mono);letter-spacing:.12em;color:var(--muted);text-align:left;white-space:nowrap} .doc-content figure.source-image-figure figcaption::before{content:"FIG." counter(fig,decimal-leading-zero)} .doc-content figure.source-image-figure figcaption:not(:empty)::before{content:"FIG." counter(fig,decimal-leading-zero) " · "} /* ---- 标题区：分类 kicker + 展示字体标题 + 规格表 ---- */ .document-header{margin:0} .doc-kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:700 11px/1 var(--mono);letter-spacing:.14em;color:var(--muted)} .doc-cat{padding:5px 8px 4px;border:1.5px solid currentColor;color:var(--cat,var(--accent-text))} .doc-cat[data-type="tech"]{--cat:var(--cat-tech)} .doc-cat[data-type="study"]{--cat:var(--cat-study)} .doc-cat[data-type="project"]{--cat:var(--cat-project)} .doc-kind{padding:5px 8px 4px;background:var(--text);color:var(--bg)} .document-header h1{margin:0;padding:0;font:800 clamp(38px,3.4vw,54px)/1.02 var(--display);letter-spacing:.01em;text-wrap:balance;view-transition-name:note-title} .doc-spec{display:flex;flex-wrap:wrap;margin:26px 0 0;border-top:1.5px solid var(--border-strong);border-bottom:1px solid var(--border)} .doc-spec>div{min-width:0;padding:11px 20px 11px 0;margin-right:20px;border-right:1px solid var(--border)} .doc-spec>div:last-child{flex:1 1 180px;margin-right:0;border-right:0} .doc-spec dt{margin-bottom:7px;font:11px/1 var(--mono);letter-spacing:.12em;color:var(--muted)} .doc-spec dd{margin:0;font:700 13px/1.25 var(--mono);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* ---- 同级笔记 + 翻页卡片（黄底扫过，与主站列表一致） ---- */ .related-notes{margin-top:72px} .related-notes header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1.5px solid var(--border-strong)} .related-notes h2{margin:0;font:800 24px/1 var(--display)} .related-notes header small{font:11px/1 var(--mono);letter-spacing:.1em;color:var(--muted)} .related-notes ol{list-style:none;margin:0;padding:0} .related-notes li a,.pager-card{background:linear-gradient(var(--accent),var(--accent)) 0 0/0 100% no-repeat;transition:background-size .32s cubic-bezier(.16,1,.3,1),color .2s ease,border-color .2s ease} .related-notes li a{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:11px 8px;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none} .related-id,.related-notes time{font:11px/1 var(--mono);letter-spacing:.08em;color:var(--muted)} .related-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px} .related-title em{margin-left:8px;padding:2px 5px;border:1px solid var(--border);font:normal 11px/1 var(--mono);color:var(--muted)} .related-notes li a:hover,.pager-card:hover{background-size:100% 100%;color:var(--accent-ink)} .related-notes li a:hover :is(.related-id,time,em){color:var(--accent-ink);border-color:rgba(25,25,25,.35)} .related-more{display:inline-block;margin-top:12px;font:12px/1 var(--mono);letter-spacing:.06em;color:var(--muted)} .related-more:hover{color:var(--text)} .pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px;padding-top:0;border-top:0} .pager-card{display:grid;align-content:start;gap:10px;min-width:0;min-height:112px;padding:16px 18px;border:1.5px solid var(--border);color:var(--text);text-decoration:none} .pager-card[data-pager="next"]{grid-column:2;text-align:right} .pager-card small{font:700 11px/1 var(--mono);letter-spacing:.14em;color:var(--muted)} .pager-card strong{font:800 26px/1.05 var(--display);overflow-wrap:anywhere} .pager-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:12px/1.4 var(--mono);color:var(--muted)} .pager-card:hover{border-color:var(--accent)} .pager-card:hover :is(small,span){color:var(--accent-ink)} /* ---- 文件夹落地页子节点卡片 ---- */ .child-grid{gap:12px} .child-card{gap:12px;padding:12px 16px 12px 12px;background:linear-gradient(var(--accent),var(--accent)) 0 0/0 100% no-repeat;transition:background-size .32s cubic-bezier(.16,1,.3,1),color .2s ease,border-color .2s ease} .child-card:hover{border-color:var(--accent);background:linear-gradient(var(--accent),var(--accent)) 0 0/100% 100% no-repeat;color:var(--accent-ink)!important} .child-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid var(--border);color:var(--muted)} .child-card strong{font-size:14px} .child-card small{margin-top:6px;font:11px/1 var(--mono);letter-spacing:.06em} .child-card:hover :is(small,.child-icon){border-color:rgba(25,25,25,.35);color:var(--accent-ink)} /* ---- 跨文档视图过渡：标题从列表形变到 H1；Firefox 直接跳转 ---- */ @view-transition{navigation:auto} ::view-transition-group(note-title){animation-duration:.42s;animation-timing-function:cubic-bezier(.16,1,.3,1)} ::view-transition-old(root),::view-transition-new(root){animation-duration:.22s} @media(max-width:720px){ .doc-topbar .topbar-actions button.reader-find{display:inline-flex;width:32px;padding:0;justify-content:center} .reader-find span,.reader-find kbd{display:none} /* reader.js 把顶栏控件的触控高度撑到 44px：芯片用透明上下边框留出触控区，只绘制 28px 黄底 */ .doc-topbar .brand-chip.home-button{height:auto;padding:0 8px;border-block:8px solid transparent;background-clip:padding-box;font-size:14px} .code-toolbar{height:auto;min-height:46px} .topbar-left{gap:8px} .document{box-sizing:border-box;width:auto;max-width:none;min-height:0;margin:0;padding:28px 18px 96px} .doc-content{width:auto} .document-header h1{font-size:34px;line-height:1.05} .doc-spec>div{padding-right:14px;margin-right:14px} .doc-spec>div.doc-spec__path{flex-basis:100%;padding-right:0;margin-right:0;border-right:0;border-top:1px solid var(--border)} .tree-caret,.tree-link{min-height:44px;height:auto} .pager{grid-template-columns:1fr} .pager-card[data-pager="next"]{grid-column:1} .related-notes li a{grid-template-columns:54px minmax(0,1fr) auto} } @media(prefers-reduced-motion:reduce){ @view-transition{navigation:none} .related-notes li a,.pager-card{transition:none} } @media print{.read-progress,.reader-find,.related-notes{display:none!important}.document{border:0!important;padding:0!important}}