@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}.auto-content-list[data-astro-cid-kr3ihtng]{display:flex;flex-wrap:wrap;gap:2rem;list-style:none;margin:0 auto;padding:0;max-width:960px;justify-content:flex-start}main[data-astro-cid-kr3ihtng]{max-width:960px;margin:0 auto}.page-heading[data-astro-cid-kr3ihtng]{text-align:center;margin:0 0 1rem;width:100%;display:block}.auto-content-list[data-astro-cid-kr3ihtng] a[data-astro-cid-kr3ihtng]{text-decoration:none;color:inherit}.auto-content-list[data-astro-cid-kr3ihtng] li[data-astro-cid-kr3ihtng]{width:calc(50% - 1rem);text-align:center}.auto-content-list[data-astro-cid-kr3ihtng] li[data-astro-cid-kr3ihtng]:first-child{width:100%;text-align:center;margin:0 auto;max-width:960px}.auto-content-list[data-astro-cid-kr3ihtng] .title[data-astro-cid-kr3ihtng]{text-align:center;margin-top:.5rem}.auto-content-list[data-astro-cid-kr3ihtng] .title[data-astro-cid-kr3ihtng]{line-height:1.2}@media (max-width: 768px){.auto-content-list[data-astro-cid-kr3ihtng]{gap:1.25rem}.auto-content-list[data-astro-cid-kr3ihtng] li[data-astro-cid-kr3ihtng],.auto-content-list[data-astro-cid-kr3ihtng] li[data-astro-cid-kr3ihtng]:first-child{width:100%}}.post-tags[data-astro-cid-kr3ihtng]{margin-top:1rem;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.post-tag[data-astro-cid-kr3ihtng]{display:inline-block;padding:.5rem 1rem;border-radius:999px;background:#111827;color:#fff;font-size:1.15rem;font-weight:600;text-decoration:none;line-height:1;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 18px #02061747;transition:transform .12s ease,box-shadow .12s ease}.post-tag[data-astro-cid-kr3ihtng]:hover{transform:translateY(-3px);box-shadow:0 14px 30px #02061759}@media (max-width: 640px){.post-tag[data-astro-cid-kr3ihtng]{font-size:1.02rem;padding:.36rem .7rem}}