:root{--note-text-primary: #363636;--note-text-secondary: #5a5a5a;--note-text-muted: #757575;--note-bg-primary: #ffffff;--note-bg-secondary: #f8f9fa;--note-bg-tertiary: #f8f8f8;--note-border-light: #e8e8e8;--note-border-medium: #f5f5f5;--note-shadow: rgba(0, 0, 0, .1);--note-shadow-medium: rgba(0, 0, 0, .15);--note-code-bg: #f8f8f8;--note-code-text: #e74c3c;--note-pre-bg: #2d3748;--note-pre-text: #e2e8f0;--note-blockquote-bg: #f8f9fa;--note-table-header-bg: #3273dc;--note-table-row-even: #f8f9fa;--note-table-row-hover: #e8f4f8;--note-link-hover-bg: rgba(50, 115, 220, .1);--note-highlight-bg: #fff9e6;--note-note-bg: #e8f4f8;--note-warning-bg: #fef5e7;--note-info-bg: #e8f5e8}[data-theme=dark]{--note-text-primary: #e0e0e0;--note-text-secondary: #b0b0b0;--note-text-muted: #909090;--note-bg-primary: #1a1a1a;--note-bg-secondary: #2a2a2a;--note-bg-tertiary: #333333;--note-border-light: #404040;--note-border-medium: #2a2a2a;--note-shadow: rgba(0, 0, 0, .3);--note-shadow-medium: rgba(0, 0, 0, .4);--note-code-bg: #333333;--note-code-text: #ff6b6b;--note-pre-bg: #1e1e1e;--note-pre-text: #e2e8f0;--note-blockquote-bg: #2a2a2a;--note-table-header-bg: #3273dc;--note-table-row-even: #2a2a2a;--note-table-row-hover: #374151;--note-link-hover-bg: rgba(50, 115, 220, .2);--note-highlight-bg: #3a3520;--note-note-bg: #1e2a3a;--note-warning-bg: #3a2f1e;--note-info-bg: #1e3a1e}.note-post{line-height:1.7}.note-hero-image{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px var(--note-shadow)}.note-header{border-bottom:2px solid var(--note-border-medium);padding-bottom:1.5rem}.note-meta .image img{border:2px solid var(--note-bg-primary);box-shadow:0 2px 8px var(--note-shadow)}.note-content{font-size:1.1rem;max-width:none;color:var(--note-text-primary)}.note-content h1,.note-content h2,.note-content h3,.note-content h4,.note-content h5,.note-content h6{margin-top:2.5rem;margin-bottom:1rem;line-height:1.3;color:var(--note-text-primary)}.note-content h1{font-size:2.5rem;border-bottom:3px solid #3273dc;padding-bottom:.5rem}.note-content h2{font-size:2rem;border-bottom:2px solid var(--note-border-light);padding-bottom:.3rem;color:#3273dc}.note-content h3{font-size:1.5rem;color:#3273dc}.note-content h4{font-size:1.25rem;color:var(--note-text-secondary)}.note-content p{margin-bottom:1.5rem;text-align:justify}.note-content p:last-child{margin-bottom:0}.note-content code{background-color:var(--note-code-bg);border:1px solid var(--note-border-light);border-radius:4px;color:var(--note-code-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:.2em .4em}.note-content pre{background-color:var(--note-pre-bg);border-radius:8px;color:var(--note-pre-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;margin:1.5rem 0;overflow-x:auto;padding:1.5rem;box-shadow:0 4px 12px var(--note-shadow-medium);position:relative}.note-content pre code{background:none;border:none;color:inherit;font-size:inherit;padding:0}.code-block-container{position:relative}.copy-button{position:absolute;top:.75rem;right:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--note-pre-text);cursor:pointer;font-size:.8rem;padding:.5rem .75rem;transition:all .2s ease;backdrop-filter:blur(10px);z-index:10}.copy-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.copy-button.copied{background:#48c774;border-color:#48c774;color:#fff}.copy-button .icon{margin-right:.25rem}.note-content blockquote{background-color:var(--note-blockquote-bg);border-left:5px solid #3273dc;font-style:italic;margin:2rem 0;padding:1.5rem;border-radius:0 8px 8px 0}.note-content blockquote p{margin-bottom:0;color:var(--note-text-secondary)}.note-content ul,.note-content ol{margin-bottom:1.5rem;padding-left:2rem}.note-content li{margin-bottom:.5rem}.note-content ul li{list-style-type:disc}.note-content ul ul li{list-style-type:circle}.note-content ol li{list-style-type:decimal}.note-content table{border-collapse:collapse;margin:2rem 0;width:100%;box-shadow:0 2px 8px var(--note-shadow);border-radius:8px;overflow:hidden}.note-content table th,.note-content table td{border:1px solid var(--note-border-light);padding:.75rem 1rem;text-align:left}.note-content table th{background-color:var(--note-table-header-bg);color:#fff;font-weight:600}.note-content table tr:nth-child(2n){background-color:var(--note-table-row-even)}.note-content table tr:hover{background-color:var(--note-table-row-hover)}.note-content img{border-radius:8px;box-shadow:0 4px 12px var(--note-shadow);height:auto;margin:1.5rem auto;max-width:100%;display:block}.note-content iframe{display:block;margin:2rem auto;border-radius:8px;box-shadow:0 4px 12px var(--note-shadow);border:1px solid var(--note-border-light);max-width:100%}.note-content iframe{width:800px;height:450px}.note-content iframe[src*="youtube.com"],.note-content iframe[src*="youtu.be"],.note-content iframe[src*="vimeo.com"]{width:800px;height:450px;aspect-ratio:16/9}.note-content iframe[src*="codepen.io"],.note-content iframe[src*="jsfiddle.net"]{width:800px;height:500px}.note-content iframe[src*="gist.github.com"]{width:800px;height:400px}.note-content .embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:2rem auto;max-width:800px;border-radius:8px;box-shadow:0 4px 12px var(--note-shadow)}.note-content .embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;border-radius:8px}.note-content a{color:#3273dc;text-decoration:none;border-bottom:1px dotted #3273dc;transition:all .3s ease}.note-content a:hover{color:#2366d1;border-bottom:1px solid #2366d1;background-color:var(--note-link-hover-bg);padding:0 2px;border-radius:2px}.note-content hr{border:none;height:2px;background:#3273dc;margin:3rem 0;border-radius:2px}.note-content input[type=checkbox]{margin-right:.5rem;transform:scale(1.2)}.note-content .highlight,.note-content .note,.note-content .warning,.note-content .info{padding:1rem 1.5rem;margin:1.5rem 0;border-radius:8px;border-left:5px solid}.note-content .highlight{background-color:var(--note-highlight-bg);border-left-color:#ffcc02}.note-content .note{background-color:var(--note-note-bg);border-left-color:#3273dc}.note-content .warning{background-color:var(--note-warning-bg);border-left-color:#ff9800}.note-content .info{background-color:var(--note-info-bg);border-left-color:#48c774}@media screen and (max-width: 768px){.note-content{font-size:1rem}.note-content h1{font-size:2rem}.note-content h2{font-size:1.5rem}.note-content pre{font-size:.8rem;padding:1rem}.note-content table{font-size:.9rem}.note-content table th,.note-content table td{padding:.5rem}.note-content iframe{width:95%!important;max-width:95%!important;height:auto;min-height:250px}.note-content iframe[src*="youtube.com"],.note-content iframe[src*="youtu.be"],.note-content iframe[src*="vimeo.com"]{width:95%!important;height:53.4375vw!important;max-height:300px}.note-content iframe[src*="codepen.io"],.note-content iframe[src*="jsfiddle.net"]{width:95%!important;height:350px!important}.note-content .embed-container{width:95%;max-width:95%}}.note-author-footer{border-top:1px solid var(--note-border-light);margin-top:2rem!important;padding-top:1rem!important}.note-author-footer .media{align-items:center}.note-author-footer .image img{width:48px;height:48px;object-fit:cover}@media print{.note-post{font-size:12pt;line-height:1.5}.note-content pre{background-color:#f5f5f5!important;color:#333!important;border:1px solid #ccc}.note-content a{color:#333!important;text-decoration:underline!important}}html,body{height:100%}body{display:flex;flex-direction:column}.main-content[data-astro-cid-hdrs727t]{flex:1}