@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap";:root{--accent: #2337ff;--accent-dark: #000d8a;--black: 15, 18, 25;--surface: #ffffff;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--box-shadow: 0 2px 6px rgba(var(--gray), .25), 0 8px 24px rgba(var(--gray), .33), 0 16px 32px rgba(var(--gray), .33)}:root{--stack-base: 0;--stack-banner: 5;--stack-header: 10;--stack-header-control: 20;--stack-lang-badge: 25;--stack-mobile-dropdown: 30;--stack-modal-overlay: 900;--stack-lightbox-overlay: 920;--stack-toast: 950}:root{transition:all .4s ease}:root{--typo-l1-size: 3.5rem;--typo-l1-weight: 900;--typo-l1-family: "Smiley Sans", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Arial, sans-serif;--typo-l2-size: 1.6rem;--typo-l2-weight: 700;--typo-l2-family: "Smiley Sans", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto;--typo-l3-size: 1.5rem;--typo-l3-weight: 600;--typo-l3-family: "Smiley Sans", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto;--font-md-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading-family: var(--font-md-family)}html[data-theme=dark]{--accent: #4f8bff;--accent-dark: #3366cc;--black: 245, 248, 255;--surface: #232629;--gray: 156, 175, 199;--gray-light: 65, 70, 75;--gray-dark: 200, 215, 235;--box-shadow: 0 2px 6px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .45), 0 16px 32px rgba(0, 0, 0, .45)}html[data-theme=dark],html[data-theme=dark] body{background-color:#232629}@font-face{font-family:Smiley Sans;src:url(/fonts/SmileySans-Oblique.ttf.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialogSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.98)}}html{transition:background-color .4s ease;background-color:var(--surface, #ffffff);max-width:100vw}html,body{height:100%}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}*,*:before,*:after{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;hyphens:none;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;max-width:100%;box-sizing:border-box}header .site-heading,header .site-heading a,header nav a,header .internal-links a,header .pref-btn.lang-toggle,header .mobile-nav-dropdown,header .mobile-nav-dropdown .mobile-nav-links,header .mobile-nav-dropdown .mobile-nav-links a,header .mobile-menu-btn .sr-only,header .subscribe-pill-label,header .lang-badge,header .prefs-toggle .lang-badge,header .prefs-icon .lang-badge,header .prefs-icon .subscribe-pill-label{font-family:var(--typo-l1-family)}header .subscribe-pill .subscribe-pill-label,html header .subscribe-pill .subscribe-pill-label{font-family:var(--typo-l2-family)}header,header *{font-family:var(--typo-l2-family)}.md-content .site-heading,.prose .site-heading{font-family:var(--typo-l1-family);font-weight:var(--typo-l1-weight)}.sr-only{border:0;padding:0;margin:0;position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;text-align:left;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;hyphens:none;color:rgb(var(--gray-dark));font-size:20px;--body-font-size: 20px;line-height:1.7;transition:color .3s ease,background-color .3s ease;position:relative;background-color:var(--surface, #ffffff);max-width:100vw}body:before{content:"";position:absolute;top:0;left:0;right:0;height:600px;background:linear-gradient(180deg,rgba(229,233,240,.5) 0%,var(--surface, #ffffff) 100%);opacity:1;transition:opacity .5s ease;z-index:-2;pointer-events:none}body:after{content:"";position:absolute;top:0;left:0;right:0;height:600px;background:linear-gradient(180deg,rgba(55,60,65,.85) 0%,var(--surface, #232629) 100%);opacity:0;transition:opacity .5s ease;z-index:-1;pointer-events:none}html[data-theme=dark] body:before{opacity:0}html[data-theme=dark] body:after{opacity:1}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:rgb(var(--black));font-family:var(--typo-l1-family);line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}h1{font-size:5rem;font-weight:900;line-height:1.1}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a,a:hover{color:var(--accent)}p{margin-bottom:1em;hyphens:none;word-break:break-word;overflow-wrap:break-word;word-wrap:break-word;max-width:100%}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:8px}code{padding:2px 5px;background-color:rgb(var(--gray-light));border-radius:2px}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:0 0 0 20px;margin:0;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}html[data-theme=dark] code{background-color:#555a5fcc;color:rgb(var(--gray-dark));border:1px solid rgba(100,105,110,.3)}html[data-theme=dark] pre{background-color:#373c41e6;color:rgb(var(--gray-dark));border:1px solid rgba(100,105,110,.2)}html[data-theme=dark] hr{border-top:1px solid rgba(var(--gray-light),.8)}@media (max-width: 768px){h1{font-size:3.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}@media (max-width: 720px){body{font-size:17px;--body-font-size: 17px;line-height:1.6}h1{font-size:2.2rem}h2{font-size:1.4rem}}@media (max-width: 480px){body{font-size:16px;--body-font-size: 16px;line-height:1.55}h1{font-size:1.7rem}h2{font-size:1.2rem}}.layout-prose main{width:720px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}.layout-wide main{width:1400px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}.layout-list main{width:960px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}:root{--portfolio-page-width: 1500px}.layout-portfolio main{width:var(--portfolio-page-width);max-width:calc(100% - 2em);margin:auto;padding:3em 1em}@media (max-width: 900px){.layout-portfolio main{width:calc(100% - 1.5rem);max-width:100%;margin:.5rem auto;padding:.8rem}}.layout-full main{width:100%;max-width:100%;margin:0;padding:0}@media (max-width: 720px){.layout-prose main,.layout-wide main{width:calc(100% - 1.5rem);max-width:100%;margin:.5rem auto;padding:.8rem}}@media (max-width: 480px){.layout-prose main,.layout-wide main{width:calc(100% - 1rem);padding:.6rem}}.breakout-wide{--breakout-width: 1200px;width:var(--breakout-width);max-width:100%;margin-left:auto;margin-right:auto}.breakout-full{width:100%}.inline-portfolio-card .hero-frame,.wiki-card .hero-frame,.inline-card .hero-frame,.hero-frame{position:relative;overflow:hidden;display:block;width:100%;aspect-ratio:16 / 9;border-radius:12px;box-shadow:var(--box-shadow)}.inline-portfolio-card .hero-frame>img.hero-img,.wiki-card .hero-frame>img.hero-img,.inline-card .hero-frame>img.hero-img,.hero-frame>img.hero-img{position:absolute;top:0;left:50%;transform:translate(-50%);width:101%;height:100%;object-fit:cover;object-position:center;display:block;border:0;margin:0;box-shadow:none}.inline-portfolio-card .hero-frame img,.wiki-card .hero-frame img,.inline-card .hero-frame img,.hero-frame img{max-width:none}.hero-frame[data-obj-pos]>img.hero-img{object-position:attr(data-obj-pos)}.hero-frame>img.hero-img{transition:transform .24s ease,opacity .18s ease}masonry-gallery,.md-masonry-wrapper{max-width:none;width:100vw;display:block;margin-left:calc((100% - 100vw)/2);margin-right:calc((100% - 100vw)/2);box-sizing:border-box}masonry-gallery{width:100%}.masonry-page-layout main{margin-left:0;margin-right:0}.all-projects h2,.page-heading,.auto-content-list .title,.all-projects .caption .title,.feat-card .title{font-family:Smiley Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Helvetica Neue,Arial,sans-serif;font-weight:800}.all-projects{text-align:center}.all-projects h2,.page-heading{position:relative;display:inline-block;padding:.5rem 1rem;z-index:1}.page-heading h1,.all-projects h2,.feat-card .title,.portfolio-hero .title{font-family:var(--typo-l1-family);font-size:var(--typo-l1-size);font-weight:var(--typo-l1-weight);line-height:1.05}.all-projects h2:before,.page-heading:before{display:none}@media (max-width: 720px){.all-projects h2:before,.page-heading:before{display:none}.all-projects h2:after,.page-heading:after{display:none}}.date,.date time,.page-heading .date,.auto-content-list .date,.auto-content-list .date time,.prose .date{font-family:Smiley Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:600;color:rgb(var(--gray));margin:0 0 .75em}@media (max-width: 768px){.date,.date time,.auto-content-list .date,.page-heading .date,.prose .date{font-size:1.2rem}}.auto-content-list h4.title,.auto-content-list .title{font-family:var(--typo-l2-family);font-weight:var(--typo-l2-weight)}.auto-content-list h4.title{margin-bottom:.2rem}.auto-content-list .date,.auto-content-list .date time{margin:0 0 .4rem}.inline-portfolio-card{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;margin:2rem auto 0;width:100%;max-width:100%;box-sizing:border-box}.inline-portfolio-card .hero-frame{display:block;width:320px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--surface, #eee);flex:0 0 auto;background-size:cover;background-position:center center}.inline-portfolio-card .hero-img{width:100%;height:100%;object-fit:cover;display:block}.inline-portfolio-card .meta{text-align:left;flex:1 1 auto;min-width:0}.inline-portfolio-card .title{margin:0 0 .5rem;line-height:1.05;font-weight:var(--typo-l1-weight);font-family:var(--typo-l1-family);font-size:clamp(1rem,calc(var(--body-font-size) * 1.2 + 1.6vw),2.6rem);font-style:oblique;letter-spacing:-.02em;word-break:break-word;overflow-wrap:anywhere}.inline-portfolio-card .date{margin:0;color:rgb(var(--gray));font-family:var(--typo-l3-family);font-size:var(--typo-l3-size)}@media (max-width: 840px){.inline-portfolio-card{flex-direction:column;align-items:center;width:100%}.inline-portfolio-card .hero-frame{width:100%}.inline-portfolio-card .meta{padding:.5rem 0;text-align:center}.inline-portfolio-card .title{font-size:clamp(.95rem,calc(var(--body-font-size) * 1 + 3vw),2.2rem)}}@media (max-width: 480px){.inline-portfolio-card .title{font-size:clamp(.9rem,calc(var(--body-font-size) * .95 + 4vw),1.8rem)}}.inline-portfolio-card-wrap{display:block;width:100%;max-width:100%;margin:1.5rem 0}.inline-portfolio-card-wrap .inline-portfolio-card{margin:0}.inline-portfolio-card .hero-frame .hero-img{position:static;left:auto;top:auto;transform:none;width:100%;height:100%;object-fit:cover;object-position:var(--hero-position, center center);display:block}.inline-portfolio-card .hero-frame.img-loaded{background-image:none}.prose h1,.md-content h1,.prose h2,.md-content h2,.prose h3,.md-content h3,.prose h4,.md-content h4,.prose h5,.md-content h5,.prose h6,.md-content h6{font-family:var(--font-heading-family);font-weight:700;line-height:1.15}.prose h1,.md-content h1{font-size:max(calc(var(--body-font-size) * 2.5),var(--body-font-size))}.prose h2,.md-content h2{font-size:max(calc(var(--body-font-size) * 1.8),var(--body-font-size))}.prose h3,.md-content h3{font-size:max(calc(var(--body-font-size) * 1.4),var(--body-font-size))}.prose h4,.md-content h4{font-size:max(calc(var(--body-font-size) * 1.15),var(--body-font-size))}.prose h5,.md-content h5{font-size:max(calc(var(--body-font-size) * 1),var(--body-font-size))}.prose h6,.md-content h6{font-size:max(calc(var(--body-font-size) * .95),var(--body-font-size))}.prose strong,.prose b,.md-content strong,.md-content b{font-weight:700}.prose strong>a,.prose b>a,.md-content strong>a,.md-content b>a,.prose strong+a,.prose b+a,.md-content strong+a,.md-content b+a,.prose li strong>a,.prose li b>a,.md-content li strong>a,.md-content li b>a{font-weight:700}.prose p{margin-bottom:2em;hyphens:none}.prose p,.prose p *,.md-content p,.md-content p *{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-bottom-sample .inline-portfolio-card .title{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;overflow-wrap:anywhere}.md-content ul,.md-content ol,.prose ul,.prose ol{margin-top:0;margin-bottom:.4em;padding-left:1.25rem}.md-content ul li,.md-content ol li,.prose ul li,.prose ol li{margin-bottom:.3em;line-height:1.7}.md-content ul li *,.md-content ol li *,.prose ul li *,.prose ol li *{font-family:inherit}.md-content ul+ul,.md-content ol+ol,.md-content ul+ol,.md-content ol+ul,.prose ul+ul,.prose ol+ol,.prose ul+ol,.prose ol+ul{margin-top:.35em}.md-content p:has(+ul),.md-content p:has(+ol),.prose p:has(+ul),.prose p:has(+ol){margin-bottom:.6em}.md-content ul+p,.md-content ol+p,.prose ul+p,.prose ol+p{margin-top:.6em}.md-content p+ul,.md-content p+ol,.prose p+ul,.prose p+ol{margin-top:4px}.md-content p.p-followed-by-list,.prose p.p-followed-by-list{margin-bottom:6px}.md-highlight{display:inline;padding:.06em .22em;border-radius:4px;background-color:#fff9c4;color:#000;font-weight:500;line-height:1.2;-webkit-box-decoration-break:clone;box-decoration-break:clone}html[data-theme=dark] .md-highlight{background-color:#9b6b00;color:#fff}.md-content.pswp-featured p>.md-highlight,.md-content p>.md-highlight{display:inline;padding:.06em .22em;border-radius:4px;margin:.6rem 0;text-align:left}.md-highlight em{display:inline}article.md-content.pswp-featured .md-highlight em,article.md-content .md-highlight em{display:inline}.md-align{margin:1rem 0}.md-align-left{text-align:left}.md-align-center{text-align:center}.md-align-right{text-align:right}.md-align>p{margin:0}.md-center{text-align:center}.md-center p{margin:.4rem 0}.md-center .md-highlight{display:inline-block;padding:.12em .6em;border-radius:6px}.list-fold-container{margin:1.2rem 0;position:relative}.prose .list-fold-trigger,.md-content .list-fold-trigger{display:inline-block;color:var(--accent);font-family:var(--font-md-family);font-size:var(--body-font-size);font-weight:600;text-decoration:none;padding:.4rem 0;margin-bottom:.5rem;cursor:pointer;transition:color .2s ease;position:relative}.prose .list-fold-trigger:hover,.md-content .list-fold-trigger:hover{color:var(--accent-dark);text-decoration:underline}.prose .list-fold-trigger:before,.md-content .list-fold-trigger:before{content:"▶";display:inline-block;margin-right:.5rem;transition:transform .3s ease}.prose .list-fold-container.is-open .list-fold-trigger:before,.md-content .list-fold-container.is-open .list-fold-trigger:before{transform:rotate(90deg)}.list-fold-content{overflow:hidden;transition:max-height .35s ease-out;padding-left:2rem;margin-left:.5rem;border-left:2px solid var(--accent);position:relative}.list-fold-content>ul,.list-fold-content>ol{margin-top:.5rem;margin-bottom:0;padding-left:1.5rem}@media (max-width: 720px){.prose h1,.md-content h1{font-size:max(calc(var(--body-font-size) * 2.2),var(--body-font-size))}.prose h2,.md-content h2{font-size:max(calc(var(--body-font-size) * 1.65),var(--body-font-size))}.prose h3,.md-content h3{font-size:max(calc(var(--body-font-size) * 1.3),var(--body-font-size))}.prose h4,.md-content h4{font-size:max(calc(var(--body-font-size) * 1.05),var(--body-font-size))}.prose h5,.md-content h5{font-size:max(calc(var(--body-font-size) * 1),var(--body-font-size))}.prose h6,.md-content h6{font-size:max(calc(var(--body-font-size) * .95),var(--body-font-size))}.prose{font-size:17px;width:100%;max-width:100%;padding:.4rem .2rem}.list-fold-trigger{font-size:.9rem}}@media (max-width: 480px){.prose h1,.md-content h1{font-size:max(calc(var(--body-font-size) * 2),var(--body-font-size))}.prose h2,.md-content h2{font-size:max(calc(var(--body-font-size) * 1.45),var(--body-font-size))}.prose h3,.md-content h3{font-size:max(calc(var(--body-font-size) * 1.15),var(--body-font-size))}.prose h4,.md-content h4,.prose h5,.md-content h5{font-size:max(calc(var(--body-font-size) * 1),var(--body-font-size))}.prose h6,.md-content h6{font-size:max(calc(var(--body-font-size) * .95),var(--body-font-size))}.prose{font-size:16px;padding:.3rem .2rem}}.md-content.pswp-featured img:not(.hero-img):not(.no-zoom){display:block;margin:clamp(1.5rem,5vw,2.5rem) auto;max-width:100%;height:auto;object-fit:contain;border-radius:12px;background-color:transparent!important;background-image:none!important;box-shadow:var(--box-shadow, 0 6px 24px rgba(0, 0, 0, .08));cursor:pointer}.md-content.pswp-featured p:has(>img:only-child),.prose p:has(>img:only-child){background:transparent!important;background-color:transparent!important;text-align:center}.md-content.pswp-featured img:not(.hero-img):not(.no-zoom).landscape{width:100%;max-width:100%;height:auto;max-height:none}.md-content.pswp-featured img:not(.hero-img):not(.no-zoom).portrait{max-height:70vh;width:auto;max-width:80%}.md-content.pswp-featured img:not(.hero-img):not(.no-zoom).square{width:60%;max-width:60%;height:auto}@media (max-width: 720px){.md-content.pswp-featured img:not(.hero-img):not(.no-zoom).portrait{max-height:60vh;max-width:90%}.md-content.pswp-featured img:not(.hero-img):not(.no-zoom).square{width:80%;max-width:80%}}.pswp{--pswp-root-z-index: 920}.pswp__bg{background:#0f1219}.pswp__button{border-radius:8px;transition:background .16s ease,opacity .16s ease}.pswp__button:hover{background:#ffffff1f}.pswp__icn{fill:#ffffffd1}.pswp__button:hover .pswp__icn{fill:#fff}.pswp__top-bar{background:none}.pswp__counter{font-family:Smiley Sans,Noto Sans SC,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#ffffffa6;letter-spacing:.04em}.pswp__img{border-radius:3px}html[data-theme=light] .pswp__bg{background:#1a1c22}html[data-theme=light] .pswp__icn{fill:#fffc}@media (prefers-reduced-motion: reduce){.pswp,.pswp__bg,.pswp__zoom-wrap{transition-duration:1ms!important;animation-duration:1ms!important}}#osd-modal{display:none!important}