.note-page{--note-intro-mb: 32px;--note-toc-mt: 18px;--note-toc-mb: 46px}.note-page .intro{margin-bottom:var(--note-intro-mb)}.note-toc{margin:18px 0 46px}.note-page .note-toc{margin:var(--note-toc-mt) 0 var(--note-toc-mb)}.note-toc details{margin:20px 0}.note-toc summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;color:var(--text-color);font-size:15px}.note-toc summary::-webkit-details-marker{display:none}.note-toc summary:after{content:"▶";font-size:10px;color:var(--text-color-70);transition:transform .2s ease;margin-left:4px}.note-toc details[open] summary:after{transform:rotate(90deg)}.note-toc summary:before{content:"";width:4px;height:4px;border-radius:999px;background:var(--text-color);opacity:.55}.note-toc .toc-items{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:12px 0 0 18px;margin:0;list-style:none}.note-toc .toc-items a{display:inline-flex;gap:8px;align-items:center;color:var(--text-color-70);font-size:13px;border-bottom:none;text-decoration:none}.note-toc .toc-items a:hover{color:var(--text-color)}.toc-num{width:18px;height:18px;border-radius:999px;border:1px solid var(--button-border-color);display:inline-flex;align-items:center;justify-content:center;color:var(--text-color-70);font-variant-numeric:tabular-nums;font-size:11px}html[data-theme=dark] .toc-num{background:#242424;border-color:#3a3a3a;color:var(--text-color-70)}.note-content h2{text-align:center;font-size:16px;font-weight:600;margin:56px 0 18px;color:var(--text-color-70)}.note-content h2:before,.note-content h2:after{content:"-";margin:0 10px;color:var(--button-border-color)}.note-content h3{margin:28px 0 10px;font-size:16px;position:relative;padding-left:34px;color:var(--text-color)}.note-content h3:before{content:attr(data-num);position:absolute;left:0;top:50%;width:20px;height:20px;border-radius:999px;background:var(--button-hover-color);border:1px solid var(--button-border-color);display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;transform:translateY(-50%);color:var(--text-color-70);font-variant-numeric:tabular-nums}html[data-theme=dark] .note-content h3:before{background:#242424;border-color:#3a3a3a;color:var(--text-color-70)}body.note-page[data-reading=immersive] .prose{font-size:16px;line-height:1.85}body.note-page[data-reading=immersive] .prose p{margin:14px 0}@media(min-width:901px){.note-page{--note-intro-mb: 10px;--note-toc-mt: 8px;--note-toc-mb: 23px}}@media(max-width:900px)and (min-width:641px){.note-page{--note-intro-mb: 12px;--note-toc-mt: 8px;--note-toc-mb: 24px}.note-page .note-content>h2:first-child{margin-top:12px}.note-toc .toc-items{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.note-page{--note-intro-mb: 16px;--note-toc-mt: 12px;--note-toc-mb: 28px}.note-toc .toc-items{grid-template-columns:repeat(3,1fr);gap:10px;padding-left:12px}.note-content h2{font-size:15px;margin:40px 0 14px}.note-content h3{font-size:15px;padding-left:30px}.note-content h3:before{width:18px;height:18px;font-size:11px}.toc-num{width:16px;height:16px;font-size:10px}}.toc-group>summary{list-style:none}.toc-group>summary::-webkit-details-marker{display:none}.toc-group[open]>summary .toc-arrow{transform:rotate(90deg)}.h3-number{color:var(--link-color);font-weight:600;margin-right:.5rem}.note-content{line-height:1.8}.note-content h2{font-size:1.5rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--button-border-color);color:var(--text-color)}.note-content h3{font-size:1.125rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem;color:var(--text-color)}.note-content p{margin-bottom:1rem;color:var(--text-color-70)}.note-content blockquote{border-left:4px solid var(--link-color);padding-left:1rem;margin:1.5rem 0;font-style:italic;color:var(--text-color-50)}.note-content figure{margin:1.5rem 0}.note-content img{max-width:100%;height:auto;border-radius:.5rem;transition:transform .3s ease}.note-content figcaption{text-align:center;font-size:.875rem;color:var(--text-color-50);margin-top:.5rem}.lightbox-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.lightbox-overlay.active{opacity:1;pointer-events:auto}.lightbox-backdrop{position:absolute;inset:0;background:#000000e6;backdrop-filter:blur(4px)}.lightbox-image{position:relative;max-width:90vw;max-height:90vh;object-fit:contain;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000080;transform:scale(.9);transition:transform .3s ease}.lightbox-overlay.active .lightbox-image{transform:scale(1)}.lightbox-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s ease;z-index:1}.lightbox-close:hover{background:#fff3}@media(max-width:768px){.note-content{padding:1.5rem}.note-content h2{font-size:1.25rem}.note-content h3{font-size:1rem}.intro-text{font-size:.875rem}}