:root{--bg-primary:#FFFFFF;--bg-secondary:#F5F5F5;--bg-tertiary:#f5f5f5;--text-primary:#1A1A1A;--text-secondary:#666666;--text-disabled:#999999;--accent:#1A1A1A;--accent-hover:#333333;--border:#e5e5e5;--code-bg:#f5f5f5;--code-text:#1A1A1A;--color-success:#333333;--color-warning:#666666;--color-error:#000000;--color-info:#666666;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"IBM Plex Mono", "Noto Sans SC", "PingFang SC", monospace;--font-zh-sc:"IBM Plex Mono", "Noto Sans SC", "Source Han Sans SC", "PingFang SC", monospace;--font-zh-tc:"IBM Plex Mono", "Noto Sans TC", "Source Han Sans TC", "PingFang TC", monospace;--font-mono:"IBM Plex Mono", monospace;--text-base:1rem;--text-sm:0.875rem;--text-xs:0.75rem;--text-h1:2.25rem;--text-h2:1.75rem;--text-h3:1.375rem;--text-h4:1.125rem;--text-display:3rem;--leading-body:1.6;--leading-heading:1.3;--container-max:1200px;--content-max:768px;--grid-columns:12;--grid-gutter:24px;--border-radius:0;--header-height:64px}.dark{--bg-primary:#000000;--bg-secondary:#1a1a1a;--bg-tertiary:#1a1a1a;--text-primary:#ffffff;--text-secondary:#999999;--text-disabled:#666666;--accent:#ffffff;--accent-hover:#cccccc;--border:#333333;--code-bg:#1a1a1a;--code-text:#ffffff;--color-success:#cccccc;--color-warning:#999999;--color-error:#ffffff;--color-info:#999999}@media(prefers-color-scheme:dark){:root:not(.light){--bg-primary:#000000;--bg-secondary:#1a1a1a;--bg-tertiary:#1a1a1a;--text-primary:#ffffff;--text-secondary:#999999;--text-disabled:#666666;--accent:#ffffff;--accent-hover:#cccccc;--border:#333333;--code-bg:#1a1a1a;--code-text:#ffffff;--color-success:#cccccc;--color-warning:#999999;--color-error:#ffffff;--color-info:#999999}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans),var(--font-zh-sc);font-size:var(--text-base);line-height:var(--leading-body);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh}html.zh-tw body,html[lang=zh-tw] body,html[lang=zh-TW] body{font-family:var(--font-sans),var(--font-zh-tc)}img,picture,video,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gutter)}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}@media(max-width:768px){.grid{grid-template-columns:1fr;gap:var(--space-4)}}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);display:flex;align-items:center;border-bottom:1px solid var(--border);background-color:var(--bg-primary)}.site-main{flex:1}.site-footer{border-top:1px solid var(--border);padding:var(--space-8)0;color:var(--text-secondary);font-size:var(--text-sm)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-8)}.content-container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-4)}@media(max-width:640px){.container{padding-inline:var(--space-4)}}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:var(--leading-heading);letter-spacing:0;color:var(--text-primary)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}code,kbd,samp,pre{font-family:var(--font-mono)}small{font-size:var(--text-sm)}.content{font-size:var(--text-base);line-height:var(--leading-body);color:var(--text-primary)}.content h1{font-size:var(--text-h1);margin-top:var(--space-16);margin-bottom:var(--space-6)}.content h2{font-size:var(--text-h2);margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.content h3{font-size:var(--text-h3);margin-top:var(--space-8);margin-bottom:var(--space-3)}.content h4{font-size:var(--text-h4);margin-top:var(--space-6);margin-bottom:var(--space-2)}.content p{margin-bottom:var(--space-6)}.content strong{font-weight:500}.content em{font-style:italic}.content a{color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px;transition:text-decoration-color 120ms cubic-bezier(.4,0,.2,1)}.content a:hover{text-decoration-color:var(--text-primary)}.content ul{list-style:disc;padding-left:var(--space-6);margin-bottom:var(--space-6)}.content ol{list-style:decimal;padding-left:var(--space-6);margin-bottom:var(--space-6)}.content li{margin-bottom:var(--space-2)}.content li>ul,.content li>ol{margin-top:var(--space-2);margin-bottom:0}.content blockquote{border-left:3px solid var(--text-secondary);padding:var(--space-3)var(--space-6);margin:var(--space-6)0;color:var(--text-secondary);background-color:var(--bg-tertiary)}.content blockquote p:last-child{margin-bottom:0}.content code{font-family:var(--font-mono);font-size:.875em;background-color:var(--code-bg);color:var(--code-text);padding:2px 6px;border-radius:var(--border-radius)}.content pre{margin:var(--space-6)0;padding:var(--space-4);background-color:var(--code-bg);border:1px solid var(--border);border-radius:var(--border-radius);overflow-x:auto;line-height:1.5}.content pre code{background:0 0;padding:0;font-size:var(--text-sm)}.content table{width:100%;margin:var(--space-6)0;border:1px solid var(--border);font-size:var(--text-sm)}.content thead{background-color:var(--bg-secondary)}.content th{font-weight:500;text-align:left;padding:var(--space-3)var(--space-4);border-bottom:2px solid var(--border)}.content td{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border)}.content img{margin:var(--space-6)0;border-radius:var(--border-radius)}.content figure{margin:var(--space-8)0}.content figcaption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.content hr{border:none;border-top:1px solid var(--border);margin:var(--space-12)0}a:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:500;line-height:1.4;color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);white-space:nowrap;text-transform:uppercase;letter-spacing:.15em}.tag{display:inline-flex;align-items:center;padding:var(--space-1)var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--border-radius);transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.tag:hover{color:var(--text-primary);border-color:var(--text-primary)}.text-center{text-align:center}.text-right{text-align:right}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-mono{font-family:var(--font-mono)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header-nav{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.header-logo{font-size:var(--text-h4);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);text-decoration:none}.header-logo:hover{text-decoration:none;color:var(--text-secondary)}.header-links{display:flex;align-items:center;gap:var(--space-6)}.header-link{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.15em;transition:color .15s cubic-bezier(.4,0,.2,1)}.header-link:hover,.header-link--active{color:var(--text-primary);text-decoration:none}.lang-switcher{display:flex;align-items:center;gap:var(--space-2);padding-left:var(--space-4);border-left:1px solid var(--border)}.lang-link{font-size:var(--text-xs);color:var(--text-secondary);text-decoration:none;letter-spacing:.1em;transition:color .15s cubic-bezier(.4,0,.2,1)}.lang-link:hover{color:var(--text-primary);text-decoration:none}.lang-link--active{color:var(--text-primary);font-weight:500}.article{max-width:var(--content-max);margin-inline:auto;padding:var(--space-12)0}.article-header{margin-bottom:var(--space-8)}.article-title{font-size:var(--text-h1);font-weight:500;line-height:var(--leading-heading);margin-bottom:var(--space-4)}.article-date{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.article-authors{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.article-author{font-size:var(--text-sm);color:var(--text-secondary)}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.list-page{max-width:var(--content-max);margin-inline:auto;padding:var(--space-12)0}.list-title{font-size:var(--text-h1);margin-bottom:var(--space-8)}.article-list{display:flex;flex-direction:column;gap:0}.article-item{padding:var(--space-6)0;border-bottom:1px solid var(--border)}.article-item:first-child{padding-top:0}.article-item-title{font-size:var(--text-h3);font-weight:500;margin-bottom:var(--space-2)}.article-item-title a{color:var(--text-primary);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1)}.article-item-title a:hover{color:var(--text-secondary)}.article-summary{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-body);margin-top:var(--space-2)}.footer-copyright{text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-left{font-size:var(--text-sm);color:var(--text-secondary)}.footer-right{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.footer-link{color:var(--text-secondary);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1)}.footer-link:hover{color:var(--text-primary);text-decoration:none}.footer-separator{color:var(--border)}.footer-powered{color:var(--text-disabled)}@media(max-width:640px){.footer-inner{flex-direction:column;gap:var(--space-2);text-align:center}}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);display:flex;align-items:center;border-bottom:1px solid var(--border);background-color:var(--bg-primary);transition:transform 120ms cubic-bezier(.4,0,.2,1)}.dark .site-header{background-color:var(--bg-primary)}.header--hidden{transform:translateY(-100%)}body{padding-top:var(--header-height)}.header-link--active{position:relative;color:var(--text-primary)}.header-link--active::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:var(--text-primary)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:var(--border-radius);background:0 0;color:var(--text-secondary);cursor:pointer;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover{color:var(--text-primary);border-color:var(--text-primary)}.theme-toggle svg{width:18px;height:18px}.lang-switcher{position:relative}.lang-switcher-trigger{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border:1px solid var(--border);border-radius:var(--border-radius);background:0 0;color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:.05em;cursor:pointer;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.lang-switcher-trigger:hover{color:var(--text-primary);border-color:var(--text-secondary)}.lang-switcher-dropdown{position:absolute;top:calc(100% + var(--space-1));right:0;min-width:120px;padding:var(--space-1)0;border:1px solid var(--border);border-radius:var(--border-radius);background-color:var(--bg-primary);opacity:0;visibility:hidden;transition:opacity .15s cubic-bezier(.4,0,.2,1),visibility .15s cubic-bezier(.4,0,.2,1)}.lang-switcher:hover .lang-switcher-dropdown,.lang-switcher-dropdown.active{opacity:1;visibility:visible}.lang-switcher-dropdown .lang-link{display:block;padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}.lang-switcher-dropdown .lang-link:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.lang-switcher-dropdown .lang-link--active{color:var(--text-primary);font-weight:500}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:0 0;color:var(--text-primary);cursor:pointer}.mobile-menu-toggle svg{width:22px;height:22px}.mobile-menu{display:none;position:fixed;top:var(--header-height);left:0;right:0;z-index:99;border-bottom:1px solid var(--border);background-color:var(--bg-primary);padding:var(--space-4)0}.dark .mobile-menu{background-color:var(--bg-primary)}.mobile-menu.active{display:block}.mobile-menu-inner{display:flex;flex-direction:column;gap:0}.mobile-menu-link{display:block;padding:var(--space-3)0;font-size:var(--text-base);color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--border);transition:color .15s cubic-bezier(.4,0,.2,1)}.mobile-menu-link:last-of-type{border-bottom:none}.mobile-menu-link:hover{color:var(--text-primary);text-decoration:none}.mobile-lang-switcher{display:flex;gap:var(--space-3);padding-top:var(--space-4);margin-top:var(--space-2);border-top:1px solid var(--border)}.mobile-lang-switcher .lang-link{font-size:var(--text-sm)}.search-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:0 0;color:var(--text-secondary);cursor:pointer;transition:color .15s cubic-bezier(.4,0,.2,1)}.search-trigger:hover{color:var(--text-primary)}@media(max-width:767px){.header-links{display:none}.mobile-menu-toggle{display:inline-flex}}@media(min-width:768px){.mobile-menu{display:none!important}.mobile-menu-toggle{display:none}}.hero{width:100%;padding:var(--space-16)0 var(--space-12);border-bottom:1px solid var(--border);margin-bottom:var(--space-10)}.hero-title{font-size:var(--text-display);line-height:var(--leading-heading);color:var(--text-primary);margin:0 0 var(--space-4);font-weight:500;letter-spacing:0}.hero-title a{color:inherit;text-decoration:none}.hero-title a:hover{color:var(--text-secondary)}.hero-date{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.hero-excerpt{font-size:var(--text-h4);line-height:var(--leading-body);color:var(--text-secondary);max-width:720px;margin:0 0 var(--space-6)}.hero-link{font-size:var(--text-sm);color:var(--text-primary);text-decoration:none;text-transform:uppercase;letter-spacing:.15em;transition:color .15s cubic-bezier(.4,0,.2,1)}.hero-link:hover{color:var(--text-secondary)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}.hero-content{max-width:var(--content-max)}.hero-image-link{display:block}.hero-image{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}.home-articles{padding:var(--space-8)0}.view-all-wrap{text-align:center;padding-top:var(--space-8)}.blog-list-page{padding:var(--space-8)0}.blog-list-header{margin-bottom:var(--space-6)}.list-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--space-4)}.card-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.card-avatar{display:inline-block;width:20px;height:20px;border-radius:0;vertical-align:middle;margin-right:var(--space-1)}.card-link{text-decoration:none;color:inherit}.card-link:hover{text-decoration:none}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{border:1px solid var(--border);border-radius:0;padding:var(--space-6);background:var(--bg-primary);transition:border-color .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.article-card:hover{border-color:var(--text-primary)}.card-thumbnail-link{display:block;margin:calc(-1 * var(--space-6));margin-bottom:var(--space-4)}.card-thumbnail{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.card-title{font-size:var(--text-h3);line-height:var(--leading-heading);color:var(--text-primary);margin:0 0 var(--space-2);font-weight:500}.card-title a{color:inherit;text-decoration:none}.card-title a:hover{color:var(--text-secondary)}.card-date{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-3)}.card-summary{font-size:var(--text-sm);line-height:var(--leading-body);color:var(--text-secondary);margin-bottom:var(--space-4)}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.card-tags a{font-size:var(--text-xs);color:var(--text-secondary);border:1px solid var(--border);border-radius:0;padding:var(--space-1)var(--space-2);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.card-tags a:hover{color:var(--text-primary);border-color:var(--text-primary)}.card-author{font-size:var(--text-xs);color:var(--text-secondary)}.view-switcher{display:flex;gap:var(--space-1);margin-bottom:var(--space-6)}.view-switcher button{background:0 0;border:none;border-bottom:2px solid transparent;padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.view-switcher button:hover{color:var(--text-primary)}.view-switcher button.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.list-view .card-grid{display:block}.list-view .article-card{display:flex;gap:var(--space-6);align-items:flex-start;margin-bottom:var(--space-4)}.list-view .card-body{flex:1;min-width:0}.tag-filter{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);margin-bottom:var(--space-6);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tag-filter::-webkit-scrollbar{height:4px}.tag-filter::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}.tag-filter-btn{flex-shrink:0;background:0 0;border:1px solid var(--border);border-radius:0;padding:var(--space-1)var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.1em;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.tag-filter-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.tag-filter-btn.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.paginator{display:flex;align-items:center;justify-content:center;gap:var(--space-1);margin-top:var(--space-10);padding:var(--space-6)0;border-top:1px solid var(--border)}.paginator-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;border-radius:0;transition:color .15s cubic-bezier(.4,0,.2,1)}.paginator-link:hover{color:var(--text-primary)}.paginator-link--active{color:var(--text-primary);font-weight:500}.paginator-link--disabled{opacity:.35;pointer-events:none}.view-all{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1)}.view-all::after{content:"\2192";transition:transform .15s cubic-bezier(.4,0,.2,1)}.view-all:hover{color:var(--text-primary)}.view-all:hover::after{transform:translateX(4px)}@media(max-width:1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero{padding:var(--space-10)0 var(--space-8)}.hero-inner{grid-template-columns:1fr}.hero-image{aspect-ratio:16/9}.hero-title{font-size:var(--text-h1)}.hero-excerpt{font-size:var(--text-h4)}.card-grid{grid-template-columns:repeat(2,1fr);gap:16px}.list-view .article-card{flex-direction:column;gap:var(--space-3)}}@media(max-width:640px){.card-grid{grid-template-columns:1fr}.hero{padding:var(--space-8)0 var(--space-6);margin-bottom:var(--space-6)}.hero-title{font-size:var(--text-h2)}}.progress-bar{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--text-primary);z-index:200;transition:width 50ms linear;pointer-events:none}.blog-article{max-width:var(--container-max);margin:0 auto;padding:var(--space-8)var(--space-6)}.blog-article-header{margin-bottom:var(--space-6)}.article-title{font-size:var(--text-h1);font-weight:500;line-height:var(--leading-heading);color:var(--text-primary);margin-bottom:var(--space-4)}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.blog-article-body{display:grid;grid-template-columns:1fr 280px;gap:var(--grid-gutter)}.blog-article-content{min-width:0}@media(max-width:768px){.blog-article{padding:var(--space-6)var(--space-4)}.blog-article-body{grid-template-columns:1fr}.toc-sidebar{display:none}}.article-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-body)}.meta-author{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text-secondary)}.meta-author:hover .meta-author-name{color:var(--text-secondary)}.meta-avatar{width:32px;height:32px;border-radius:0;object-fit:cover;flex-shrink:0}.meta-author-name{color:var(--text-primary);font-weight:500}.meta-date,.meta-reading-time{white-space:nowrap}.toc-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-6));max-height:calc(100vh - var(--header-height) - var(--space-12));overflow-y:auto;padding-left:var(--space-6);border-left:1px solid var(--border)}.toc-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.toc-sidebar nav ul{list-style:none;margin:0;padding:0}.toc-sidebar nav ul ul{padding-left:var(--space-4)}.toc-sidebar nav li{margin-bottom:var(--space-1)}.toc-sidebar nav a{display:block;padding:var(--space-1)var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;border-left:2px solid transparent;margin-left:-1px;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);line-height:var(--leading-body)}.toc-sidebar nav a:hover{color:var(--text-primary)}.toc-sidebar nav a.toc-active{color:var(--text-primary);border-left-color:var(--text-primary);font-weight:500}.toc-mobile{display:none;margin-bottom:var(--space-6);border:1px solid var(--border);border-radius:0}@media(max-width:768px){.toc-mobile{display:block}}.toc-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3)var(--space-4);background:var(--bg-secondary);border:none;cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em}.toc-mobile-content{display:none;padding:var(--space-3)var(--space-4)}.toc-mobile.toc-open .toc-mobile-content{display:block}.toc-mobile-content ul{list-style:none;margin:0;padding:0}.toc-mobile-content ul ul{padding-left:var(--space-4)}.toc-mobile-content li{margin-bottom:var(--space-1)}.toc-mobile-content a{display:block;padding:var(--space-1)0;font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1)}.toc-mobile-content a:hover{color:var(--text-primary)}.related-articles{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--border)}.related-title{font-size:var(--text-h4);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-6);line-height:var(--leading-heading)}.related-articles .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gutter)}@media(max-width:768px){.related-articles .card-grid{grid-template-columns:1fr}}.article-pager{display:flex;justify-content:space-between;align-items:stretch;gap:var(--space-6);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border)}.pager-link{display:flex;flex-direction:column;gap:var(--space-1);text-decoration:none;color:var(--text-secondary);font-size:var(--text-sm);transition:color .15s cubic-bezier(.4,0,.2,1);max-width:45%}.pager-link:hover{color:var(--text-primary)}.pager-prev{margin-right:auto}.pager-next{margin-left:auto;text-align:right}.pager-empty{visibility:hidden}.pager-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.pager-title{font-weight:500;color:var(--text-primary);line-height:var(--leading-heading)}.pager-link:hover .pager-title{color:var(--text-primary)}.back-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:0;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);z-index:100}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--bg-tertiary);border-color:var(--text-primary)}.back-to-top svg{width:18px;height:18px;color:var(--text-secondary)}.back-to-top:hover svg{color:var(--text-primary)}.comments{max-width:var(--content-width,720px);margin:var(--space-xl)auto 0;padding-top:var(--space-lg);border-top:1px solid var(--border)}.search-overlay{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.5);display:none;align-items:flex-start;justify-content:center;padding-top:15vh}.search-overlay.active{display:flex}.search-container{width:100%;max-width:600px;background:var(--bg-primary);border:1px solid var(--border);border-radius:0;overflow:hidden;margin:0 var(--space-4)}.search-input-wrap{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border)}.search-input-wrap svg{flex-shrink:0;width:18px;height:18px;color:var(--text-secondary)}.search-input{flex:1;border:none;outline:none;background:0 0;font-size:var(--text-base);font-family:inherit;color:var(--text-primary)}.search-input::placeholder{color:var(--text-tertiary)}.search-kbd{font-size:var(--text-xs);color:var(--text-tertiary);border:1px solid var(--border);border-radius:0;padding:2px 6px;font-family:inherit;line-height:1}.search-results{max-height:50vh;overflow-y:auto;padding:var(--space-2)0}.search-result-item{display:block;padding:var(--space-3)var(--space-4);text-decoration:none;color:var(--text-primary);transition:background .1s cubic-bezier(.4,0,.2,1);cursor:pointer}.search-result-item:hover,.search-result-item.active{background:var(--bg-secondary)}.search-result-title{font-weight:500;font-size:var(--text-sm);margin-bottom:var(--space-1);line-height:var(--leading-heading)}.search-result-meta{font-size:var(--text-xs);color:var(--text-secondary);display:flex;gap:var(--space-2)}.search-empty{padding:var(--space-8)var(--space-4);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.search-loading{padding:var(--space-6)var(--space-4);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.search-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2)var(--space-4);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-tertiary)}@media(max-width:640px){.search-overlay{padding-top:0;align-items:stretch}.search-container{max-width:none;margin:0;border-radius:0;border:none;height:100%}.search-results{max-height:calc(100vh - 120px)}.search-kbd{display:none}}@media(prefers-reduced-motion:reduce){*{transition-duration:0ms!important;animation:none!important}}.reveal{opacity:1;transform:none}.reveal.visible{opacity:1;transform:none}.reveal-stagger>.reveal{transition-delay:0s}.article-card{transition:border-color 120ms cubic-bezier(.4,0,.2,1)}.article-card:hover{transform:none}.site-main{animation:none}.content a{text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px;transition:text-decoration-color 120ms cubic-bezier(.4,0,.2,1)}.content a:hover{text-decoration-color:var(--text-primary)}.portfolio-page{max-width:var(--content-width,1200px);margin:0 auto;padding:var(--space-8)var(--space-4)}.portfolio-header{margin-bottom:var(--space-8)}.portfolio-title{font-size:var(--text-3xl);font-weight:500;letter-spacing:0;margin-bottom:var(--space-2)}.portfolio-subtitle{color:var(--color-text-secondary);font-size:var(--text-base)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.portfolio-card{border:1px solid var(--color-border);transition:border-color .2s cubic-bezier(.4,0,.2,1)}.portfolio-card:hover{border-color:var(--color-text-primary)}.portfolio-card-image{aspect-ratio:16/9;overflow:hidden}.portfolio-card-image img{width:100%;height:100%;object-fit:cover}.portfolio-card-body{padding:var(--space-4)}.portfolio-card-title{font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-2)}.portfolio-card-title a{color:var(--color-text-primary);text-decoration:none}.portfolio-card-title a:hover{text-decoration:underline}.portfolio-card-desc{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3);line-height:1.5}.portfolio-card-tech{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.tech-tag{font-size:11px;font-weight:500;padding:2px 8px;border:1px solid var(--color-border);color:var(--color-text-secondary);letter-spacing:.1em;text-transform:uppercase}.portfolio-card-links{display:flex;gap:var(--space-3)}.portfolio-link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);text-decoration:none}.portfolio-link:hover{text-decoration:underline}.portfolio-detail{max-width:var(--content-width,800px);margin:0 auto;padding:var(--space-8)var(--space-4)}.portfolio-detail-header{margin-bottom:var(--space-8)}.portfolio-detail-links{display:flex;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.series-nav{margin:var(--space-8)0;border:1px solid var(--color-border);padding:var(--space-4)}.series-nav-header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3)}.series-nav-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.series-nav-name{font-size:var(--text-sm);font-weight:500}.series-nav-list{list-style:none;padding:0;margin:0 0 var(--space-3);font-size:var(--text-sm)}.series-nav-item{padding:var(--space-1)0;border-bottom:1px solid var(--color-border-light,#e5e5e5)}.series-nav-item:last-child{border-bottom:none}.series-nav-item a{color:var(--color-text-secondary);text-decoration:none}.series-nav-item a:hover{color:var(--color-text-primary)}.series-nav-item--current span{font-weight:500;color:var(--color-text-primary)}.series-nav-pager{display:flex;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-sm)}.series-prev,.series-next{color:var(--color-text-primary);text-decoration:none;font-weight:500}.series-prev:hover,.series-next:hover{text-decoration:underline}.series-next{margin-left:auto}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr}}.image-size-container *{margin:0!important;padding:0!important}.image-grid-container *{margin:0!important;padding:0!important}.image-lightbox{display:block;margin:0!important;padding:0!important;vertical-align:top}.image-size-container{margin:1.5rem 0;width:100%;max-width:var(--image-width,100%)}.image-size-container.center{margin-left:auto;margin-right:auto}.image-wrapper{position:relative;overflow:hidden;border-radius:0;box-shadow:none;transition:none}.image-wrapper:hover{transform:none}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:.5rem;font-size:.9rem;color:#fff;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.8));opacity:0;visibility:hidden;transition:opacity 200ms cubic-bezier(.4,0,.2,1),visibility 200ms cubic-bezier(.4,0,.2,1)}.image-wrapper:hover .image-caption{opacity:1;visibility:visible}.dark .image-caption{background:linear-gradient(transparent,rgba(0,0,0,.9));color:#fff}.image-grid-container{display:grid;grid-template-columns:repeat(var(--grid-columns,3),1fr);gap:var(--grid-gap,1rem);margin:1.5rem 0}.grid-item{position:relative;overflow:hidden;border-radius:0;border:1px solid var(--border,#e5e5e5);transition:border-color 120ms cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;background:#e5e5e5;padding:2px}.grid-item:hover{border-color:var(--border-hover,#999999)}.dark .grid-item{background:#1a1a1a;border:1px solid var(--border,#333333)}.dark .grid-item:hover{border-color:var(--border-hover,#666666)}.grid-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.grid-image{width:auto;height:auto;object-fit:contain;object-position:center;cursor:pointer;border-radius:0;display:block}.image-grid-container.maintain-ratio .grid-image{width:100%;height:100%;object-fit:cover;object-position:center}.image-grid-container.maintain-ratio .grid-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.image-grid-container.maintain-ratio .grid-image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.grid-item:hover .grid-image{transform:none}.grid-caption{position:absolute;bottom:0;left:0;right:0;padding:.75rem;font-size:.9rem;color:#fff;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.8));opacity:0;visibility:hidden;transition:opacity 200ms cubic-bezier(.4,0,.2,1),visibility 200ms cubic-bezier(.4,0,.2,1);z-index:5}.grid-item:hover .grid-caption{opacity:1;visibility:visible}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity 200ms cubic-bezier(.4,0,.2,1),visibility 200ms cubic-bezier(.4,0,.2,1);overflow:hidden;padding:20px}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-content{position:relative;max-width:90vw;animation:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox-image{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:0}.lightbox-live-wrapper{position:relative;display:inline-block;max-width:90vw;max-height:90vh}.lightbox-live-video{position:absolute;top:0;left:0;max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:0;opacity:0;display:none}.lightbox-live-wrapper.playing .lightbox-image{opacity:0}.lightbox-live-wrapper.playing .lightbox-live-video{opacity:1}.lightbox-live-indicator{position:absolute;top:20px;left:20px;background:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:0;font-size:.9rem;font-weight:500;letter-spacing:.5px;opacity:.9;transition:all 200ms cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.3);z-index:1001;display:flex;align-items:center;gap:6px}.lightbox-live-indicator svg{width:16px;height:16px;flex-shrink:0}.lightbox-live-wrapper:hover .lightbox-live-indicator,.lightbox-live-wrapper.playing .lightbox-live-indicator{background:rgba(0,0,0,.9);opacity:1}.lightbox-close{position:absolute;top:-50px;right:0;width:40px;height:40px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:0;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity 120ms cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;font-weight:500;font-style:normal;font-family:system-ui,-apple-system,sans-serif}.lightbox-close:hover{opacity:1;background:rgba(255,255,255,.2)}@keyframes lightboxZoom{from{opacity:0}to{opacity:1}}@media(max-width:768px){.image-grid-container{grid-template-columns:repeat(2,1fr);gap:.75rem}.lightbox-close{top:-50px;width:36px;height:36px;font-size:1rem}.lightbox-overlay{padding:15px}.lightbox-content{max-width:95vw}.lightbox-image{max-width:95vw;max-height:95vh}.lightbox-live-wrapper{max-width:95vw;max-height:95vh}.lightbox-live-video{max-width:95vw;max-height:95vh}}@media(max-width:480px){.image-grid-container{grid-template-columns:1fr;gap:.5rem}.image-size-container{margin:1rem 0}.lightbox-overlay{padding:10px}.lightbox-content{max-width:98vw}.lightbox-image{max-width:98vw;max-height:98vh}.lightbox-live-wrapper{max-width:98vw;max-height:98vh}.lightbox-live-video{max-width:98vw;max-height:98vh}}.image-carousel-container{margin:1.5rem 0;width:100%;max-width:var(--carousel-width,100%)}.image-carousel-container.center{margin-left:auto;margin-right:auto}.carousel-wrapper{position:relative;border-radius:0;display:flex;justify-content:center}.carousel-wrapper .carousel-inner{overflow:hidden}.carousel-inner{position:relative;width:100%;height:400px;background:#e5e5e5;border-radius:0;overflow:hidden}.dark .carousel-inner{background:#1a1a1a}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity 200ms cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.carousel-slide.active{opacity:1;pointer-events:auto}.carousel-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel-image{max-width:100%;max-height:100%;object-fit:contain;object-position:center;cursor:pointer;display:block}.carousel-caption{position:absolute;bottom:0;left:0;right:0;padding:.75rem;font-size:.9rem;color:#fff;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.8));opacity:0;visibility:hidden;transition:opacity 200ms cubic-bezier(.4,0,.2,1),visibility 200ms cubic-bezier(.4,0,.2,1);z-index:5}.carousel-wrapper.has-caption:hover .carousel-caption{opacity:1;visibility:visible}.carousel-prev,.carousel-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.6);border:2px solid rgba(255,255,255,.8);border-radius:0;width:40px;height:40px;color:#fff;font-size:1.1rem;font-style:normal!important;font-weight:500!important;font-family:Arial,sans-serif!important;cursor:pointer;opacity:.9;transition:opacity 120ms cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;z-index:10}.carousel-wrapper:not(:hover) .carousel-prev,.carousel-wrapper:not(:hover) .carousel-next{opacity:.3}.carousel-wrapper:not(:hover) .carousel-indicators{opacity:.4}.carousel-prev{left:15px}.carousel-next{right:15px}.carousel-prev:hover,.carousel-next:hover{opacity:1;background:rgba(0,0,0,.8);transform:translateY(-50%)}.carousel-indicators{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:10;transition:opacity 200ms cubic-bezier(.4,0,.2,1),transform 200ms cubic-bezier(.4,0,.2,1)}.carousel-wrapper.has-caption:hover .carousel-indicators{transform:translateX(-50%)translateY(-45px)}.dots-indicators{display:flex;gap:8px}.carousel-dot{width:12px;height:12px;border-radius:0;border:2px solid rgba(255,255,255,.5);background:0 0;cursor:pointer;opacity:.7;transition:all 200ms cubic-bezier(.4,0,.2,1)}.carousel-dot.active{background:#fff;opacity:1}.carousel-dot:hover{opacity:1}.scroll-indicators{max-width:200px;overflow:hidden}.scroll-indicators .scroll-container{display:flex;gap:6px;transition:transform 200ms cubic-bezier(.4,0,.2,1);padding:0 20px}.scroll-indicators .carousel-dot{width:10px;height:10px;border-width:1px;flex-shrink:0}.numeric-indicators{display:flex;justify-content:center;align-items:center}.numeric-display{background:rgba(0,0,0,.7);color:#fff;padding:6px 12px;border-radius:0;font-size:.9rem;font-weight:500;border:1px solid rgba(255,255,255,.2);user-select:none;transition:background 120ms cubic-bezier(.4,0,.2,1)}.numeric-display:hover{background:rgba(0,0,0,.8)}.current-slide{font-weight:500}.separator{opacity:.7;margin:0 2px}.total-slides{opacity:.9}@media(max-width:768px){.carousel-prev,.carousel-next{width:36px;height:36px;font-size:1rem}.carousel-prev{left:10px}.carousel-next{right:10px}.carousel-prev:hover,.carousel-next:hover{}.image-carousel-container{margin:1rem 0}}@media(max-width:480px){.carousel-caption{padding:.5rem;font-size:.8rem}.carousel-wrapper.has-caption:hover .carousel-indicators{transform:translateX(-50%)translateY(-40px)}.scroll-indicators{max-width:150px}.scroll-indicators .scroll-container{gap:4px;padding:0 15px}.scroll-indicators .carousel-dot{width:8px;height:8px}.numeric-display{padding:4px 10px;font-size:.8rem}}.live-photo-container{margin:1.5rem 0;width:100%;max-width:var(--live-photo-width,100%)}.live-photo-container.center{margin-left:auto;margin-right:auto}.live-photo-wrapper{position:relative;display:inline-block;border-radius:0;overflow:hidden;transition:all 200ms cubic-bezier(.4,0,.2,1);border:1px solid var(--border,#e5e5e5)}.live-photo-image{pointer-events:auto!important;position:relative;z-index:1}.live-photo-video{pointer-events:none!important}.live-photo-wrapper:hover{border-color:var(--border-hover,#999999)}.dark .live-photo-wrapper{border:1px solid var(--border,#333333)}.dark .live-photo-wrapper:hover{border-color:var(--border-hover,#666666)}.live-photo-image{width:100%;height:auto;display:block;border-radius:0;transition:opacity 200ms cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;z-index:1}.live-photo-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;display:none;border-radius:0;cursor:pointer;transition:opacity 200ms cubic-bezier(.4,0,.2,1)}.live-photo-indicator{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:0;font-size:.7rem;font-weight:500;letter-spacing:.5px;opacity:1;border:1px solid rgba(255,255,255,.3);pointer-events:none;z-index:3;transition:background 120ms cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:4px}.live-photo-indicator svg{width:13px;height:13px;flex-shrink:0}.live-photo-wrapper:hover .live-photo-indicator,.live-photo-wrapper.playing .live-photo-indicator{background:rgba(0,0,0,.9)}.live-photo-caption{margin-top:.8rem;font-size:.9rem;color:#666;text-align:center;font-style:italic}.dark .live-photo-caption{color:#999}.live-photo-wrapper.playing .live-photo-image{opacity:0}.live-photo-wrapper.playing .live-photo-video{opacity:1!important;display:block!important;z-index:2}@media(max-width:768px){.live-photo-container{margin:1rem 0}.live-photo-indicator{top:8px;left:8px;font-size:.6rem;padding:3px 6px}}@media(max-width:480px){.live-photo-caption{font-size:.8rem}}