*,*:before,*:after{box-sizing:border-box}:root{--font-sans: "PingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-serif: "Georgia", "Cambria", "Times New Roman", serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--color-text: #191B1F;--color-caption: #939599;--color-divider: #E8E9EB;--color-background: #F0F2F5;--color-page: white;--color-accent: #FFCC33;--font-size-h1: 48px;--font-size-h2: 24px;--font-size-h3: 20px;--font-size-h4: 16px;--font-size-paragraph: 16px;--font-size-caption: 12px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-h1: 56px;--line-height-h2: 32px;--line-height-h3: 28px;--line-height-h4: 24px;--line-height-paragraph: 28px;--line-height-caption: 16px;--letter-spacing-h1: -.48px;--letter-spacing-h2: -.24px;--letter-spacing-h3: -.2px;--letter-spacing-h4: -.16px;--letter-spacing-normal: 0;--breakpoint-tablet-max: 1200px;--breakpoint-mobile-max: 600px;font-family:var(--font-sans);color-scheme:light;color:var(--color-text);background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--color-accent);color:#000}::-moz-selection{background-color:var(--color-accent);color:#000}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{overflow-x:hidden;width:100%;min-width:375px;box-sizing:border-box;scroll-behavior:smooth}body{margin:0;display:block;min-width:375px;min-height:100vh;background-color:#fff;overflow-x:hidden;width:100%;box-sizing:border-box}html,body{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:default!important;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:var(--color-text);background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}.text-h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-medium);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1)}.text-h1-light{font-size:var(--font-size-h1);font-weight:var(--font-weight-light);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1)}.text-h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-h2);letter-spacing:var(--letter-spacing-h2)}.text-h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-h3);letter-spacing:var(--letter-spacing-h3)}.text-h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);line-height:var(--line-height-h4);letter-spacing:var(--letter-spacing-h4)}.text-h4-light{font-size:var(--font-size-h4);font-weight:var(--font-weight-normal);line-height:var(--line-height-h4);letter-spacing:var(--letter-spacing-h4)}.text-paragraph{font-size:var(--font-size-paragraph);font-weight:var(--font-weight-normal);line-height:var(--line-height-paragraph);letter-spacing:var(--letter-spacing-normal)}.text-paragraph-bold{font-size:var(--font-size-paragraph);font-weight:var(--font-weight-semibold);line-height:var(--line-height-paragraph);letter-spacing:var(--letter-spacing-normal)}.text-caption{font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-normal)}.text-primary{color:var(--color-text)}.text-caption-color{color:var(--color-caption)}.bg-background{background-color:var(--color-background)}.bg-accent{background-color:var(--color-accent)}.border-divider{border-color:var(--color-divider)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-medium);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1)}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-h2);letter-spacing:var(--letter-spacing-h2)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-h3);letter-spacing:var(--letter-spacing-h3)}h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);line-height:var(--line-height-h4);letter-spacing:var(--letter-spacing-h4)}p{font-size:var(--font-size-paragraph);font-weight:var(--font-weight-normal);line-height:var(--line-height-paragraph);letter-spacing:var(--letter-spacing-normal)}code,pre{font-family:var(--font-mono)}small,.caption{font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-caption)}#root{width:100%;min-height:100vh}.page{--nav-height: 56px;width:100%;max-width:none;box-sizing:border-box;padding:24px;min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-page)}.page-chat{--page-chat-fade-height: 28px;height:100vh;position:relative}.page-chat:before,.page-chat:after{content:"";position:absolute;left:24px;right:24px;height:var(--page-chat-fade-height);pointer-events:none;z-index:5}.page-chat:before{top:24px;background:linear-gradient(to bottom,#fff,#fff0)}.page-chat:after{bottom:24px;background:linear-gradient(to top,#fff,#fff0)}.introduce{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-top:176px}.introduce-lines{width:100%;font-family:var(--font-sans);font-weight:var(--font-weight-light);font-size:var(--font-size-h1);line-height:64px;letter-spacing:var(--letter-spacing-h1);color:var(--color-text)}.introduce-lines .Typewriter__wrapper{display:inline;white-space:pre-wrap}.page-home .introduce-lines .Typewriter__wrapper br{display:block;content:"";margin-top:12px}.Typewriter__cursor,.custom-typewriter-cursor{display:inline-block!important;position:relative!important;width:4px!important;height:44px!important;margin-left:4px!important;color:transparent!important;font-size:48px!important;line-height:62px!important;vertical-align:text-bottom!important;overflow:visible!important}.Typewriter__cursor:after,.custom-typewriter-cursor:after{content:"";position:absolute;left:0;bottom:10px;width:4px;height:44px;background-color:var(--color-accent);display:block;transition:opacity .1s ease-out}.Typewriter__cursor.cursor-hidden,.custom-typewriter-cursor.cursor-hidden{display:none!important}.typing-finished .Typewriter__cursor,.typing-finished .custom-typewriter-cursor,.typing-finished .Typewriter__cursor:after,.typing-finished .custom-typewriter-cursor:after{display:none!important;opacity:0!important;visibility:hidden!important}.introduce-cta-inline{display:inline;text-decoration:none;color:var(--color-text);font-family:var(--font-sans);font-weight:var(--font-weight-light);font-size:var(--font-size-h1);line-height:64px;letter-spacing:var(--letter-spacing-h1);transition:background-color .2s ease}.introduce-cta-inline:hover{background-color:var(--color-accent);color:var(--color-text)}.cta-arrow{display:inline-block;width:48px;height:48px;margin-left:0;vertical-align:middle;transform:translateY(-4px);animation:arrowSlideIn .3s ease-out forwards;opacity:0}@keyframes arrowSlideIn{0%{opacity:0;transform:translate(-24px) translateY(-4px)}to{opacity:1;transform:translate(0) translateY(-4px)}}.page-bottom{display:flex;align-items:flex-end;justify-content:space-between;width:100%;margin-top:auto}.time-counter{display:flex;flex-direction:column;font-family:var(--font-sans);font-weight:var(--font-weight-light);font-size:32px;line-height:32px;color:var(--color-text);cursor:pointer;position:relative;align-items:flex-start;width:218px;height:72px;animation:slideInUpCounter .7s ease-out forwards;opacity:0}.profile-image{animation:slideInUpImage .7s ease-out .2s forwards;opacity:0}.profile-image-avatar{width:200px;height:240px;border-radius:4px;object-fit:cover}@keyframes slideInUpCounter{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUpImage{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDownNav{0%{opacity:0;transform:translateY(-48px)}to{opacity:1;transform:translateY(0)}}.time-counter-label{margin-bottom:0;transition:opacity .4s ease;position:absolute;top:0;left:0}.time-counter-value{transition:opacity .4s ease;position:absolute;top:40px;left:0}.time-counter .is-visible{opacity:1}.time-counter .is-hidden{opacity:0}.nav{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 24px;box-sizing:border-box;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;background-color:var(--color-page);transition:transform .3s ease-in-out;transform:translateY(0);animation:slideInDownNav .7s ease-out}.nav.nav-menu-open{transform:translateY(0)!important;background-color:#0009!important}.nav-article{background-color:#fff!important}.nav.nav-menu-open.nav-article{background-color:#0009!important}.nav.nav-visible{transform:translateY(0)!important}.nav.nav-hidden{transform:translateY(-100%)!important}.nav-desktop-row{width:100%;height:72px;display:flex;align-items:center;justify-content:space-between}.nav-left,.nav-right{text-transform:uppercase;color:#1d1d1f}.nav-center{display:flex;align-items:center;gap:0}.nav-item{padding:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.nav-link{font-weight:inherit;color:#7f8185;text-decoration:none}.nav-link-active,.nav-item:hover .nav-link{color:#1d1d1f}.nav-mobile-bar,.nav-mobile-overlay{display:none}.nav.nav-mobile-layout{display:block;height:64px;padding:0;transform:none!important}.nav.nav-mobile-layout.nav-menu-open,.nav.nav-mobile-layout.nav-menu-open.nav-article{background-color:transparent!important}.nav.nav-mobile-layout .nav-mobile-bar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 12px;background-color:#fff;position:relative;z-index:2}.nav-mobile-trigger{border:none;background:transparent;padding:16px 12px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:4px;color:#1d1d1f;cursor:pointer}.nav-mobile-trigger:focus,.nav-mobile-trigger:focus-visible{outline:none}.nav-mobile-current{color:#1d1d1f}.nav-mobile-caret{width:16px;height:16px;display:block;transition:transform .2s ease}.nav-mobile-caret.is-open{transform:rotate(180deg)}.nav.nav-mobile-layout .nav-mobile-overlay{position:fixed;inset:64px 0 0;background-color:#0000;display:block;pointer-events:none;transition:background-color .22s ease;transition-delay:0s;z-index:1}.nav.nav-mobile-layout .nav-mobile-overlay.is-open{pointer-events:auto;background-color:#0009;transition-delay:.16s}.nav-mobile-panel{width:100%;background-color:#fff;opacity:0;transform:translateY(0) scale(.985);transform-origin:top center;transition:opacity .16s ease,transform .28s cubic-bezier(.22,1,.36,1);transition-delay:.12s,.12s}.nav.nav-mobile-layout .nav-mobile-overlay.is-open .nav-mobile-panel{opacity:1;transform:translateY(0) scale(1);transition-delay:0s,0s}.nav-mobile-panel-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 12px}.nav-mobile-menu{display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}.nav-mobile-link{font-family:var(--font-sans);font-size:48px;font-weight:300;line-height:56px;letter-spacing:-1px;color:#7f8185;text-decoration:none;display:block;width:100%;transition:color .18s ease,opacity .28s ease,transform .36s cubic-bezier(.22,1,.36,1);transition-delay:0s;opacity:0;transform:translateY(0)}.nav-mobile-link-active,.nav-mobile-link:hover{color:#1d1d1f}.nav.nav-mobile-layout .nav-mobile-overlay.is-open .nav-mobile-link{opacity:1;transform:translateY(0)}.nav.nav-mobile-layout .nav-mobile-overlay.is-open .nav-mobile-link:nth-child(1){transition-delay:.06s}.nav.nav-mobile-layout .nav-mobile-overlay.is-open .nav-mobile-link:nth-child(2){transition-delay:.12s}.nav.nav-mobile-layout .nav-mobile-overlay.is-open .nav-mobile-link:nth-child(3){transition-delay:.18s}.nav.nav-mobile-layout .nav-mobile-overlay.is-open .nav-mobile-link:nth-child(4){transition-delay:.24s}@media(max-width:1200px){.page-home .introduce{margin-top:96px;gap:10px}.page-home .introduce-lines,.page-home .introduce-cta-inline{line-height:56px}.page-home .Typewriter__cursor,.page-home .custom-typewriter-cursor{height:40px!important;line-height:56px!important}.page-home .Typewriter__cursor:after,.page-home .custom-typewriter-cursor:after{bottom:8px;height:40px}}@media(max-width:600px){.page{padding-left:12px;padding-right:12px}.page-chat:before,.page-chat:after{left:12px;right:12px}.page-home{padding-top:12px;padding-bottom:12px}.page-home .introduce{margin-top:148px;gap:4px}.page-home .introduce-lines,.page-home .introduce-cta-inline{font-size:28px;line-height:36px;letter-spacing:-.28px}.page-home .introduce-lines .Typewriter__wrapper{font-size:32px;line-height:40px}.page-home .introduce-lines .Typewriter__wrapper br{margin-top:8px}.page-home .cta-arrow{width:36px;height:36px;transform:translateY(-2px)}.page-home .Typewriter__cursor,.page-home .custom-typewriter-cursor{width:3px!important;height:26px!important;font-size:28px!important;line-height:36px!important}.page-home .Typewriter__cursor:after,.page-home .custom-typewriter-cursor:after{width:3px;height:26px;bottom:5px}.page-home .time-counter{font-size:24px;line-height:24px;height:56px}.page-home .time-counter-value{top:32px}.page-home .profile-image-avatar{width:120px;height:144px}}.view-card{display:flex;flex-direction:column;gap:20px;width:100%}.view-card-image-wrapper{width:100%;border-radius:8px;flex-shrink:0;overflow:hidden;position:relative;cursor:pointer;background-color:var(--color-background)}.view-card-image{width:100%;height:100%;position:absolute;top:0;left:0;transition:opacity .3s ease}.view-card-cover{object-fit:cover;opacity:0}.view-card-cover.loaded{opacity:1;animation:fadeIn .3s ease-in-out}.view-card-cover.loading{opacity:0}.view-card-video{object-fit:cover;opacity:1;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.view-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.view-card-placeholder span{font-family:var(--font-sans);font-size:var(--font-size-caption);color:var(--color-caption);-webkit-user-select:none;user-select:none}.view-card-content{display:flex;flex-direction:column;gap:12px;width:100%}.view-card-title{font-family:var(--font-sans);font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);line-height:var(--line-height-h4);letter-spacing:var(--letter-spacing-h4);color:var(--color-text);margin:0}.view-card-info{display:flex;flex-direction:column;gap:8px;width:100%}.view-card-info-item{display:flex;gap:8px;align-items:center}.view-card-info-description{align-items:flex-start}.view-card-icon{width:16px;height:16px;flex-shrink:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:block}.view-card-info-text{font-family:var(--font-sans);font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-normal);color:var(--color-caption);margin:0}.view-card-info-text span{display:inline}.view-card-separator{margin:0 4px}@media(max-width:600px){.view-card-title{font-size:var(--font-size-paragraph);line-height:var(--line-height-h4)}}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;border-top:1px solid var(--color-divider);padding:240px 0;background-color:var(--color-page)}.footer-animation{width:min(800px,100%);aspect-ratio:800 / 108;position:relative}.footer-animation-image{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.footer-content{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap;position:relative}.footer-copyright{display:flex;align-items:center;gap:8px;color:#7f8185;text-align:center}.footer-divider{width:0;height:8px;border-left:1px solid var(--color-divider)}.footer-link{color:#7f8185;text-align:center;text-decoration:none;cursor:pointer;transition:color .22s ease}.footer-link:hover,.footer-link-wechat{color:#1d1d1f}.footer-link-email{color:#7f8185}.footer-link-wrapper{position:relative;display:inline-flex;align-items:center}.footer-wechat-popup{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%,12px);background-color:#020202;color:#fff;padding:8px 12px;border-radius:8px;min-height:40px;display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease-out,transform .3s ease-out,visibility .3s ease-out;pointer-events:none;z-index:10;box-shadow:0 4px 16px #191b1f14}.footer-link-wrapper:hover .footer-wechat-popup{opacity:1;visibility:visible;transform:translate(-50%)}.footer-wechat-id{margin:0;text-align:center;color:#fff;font-size:16px;line-height:28px;letter-spacing:0}.footer-email-popup{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%,12px);background-color:#020202;color:#fff;padding:8px 12px;border-radius:8px;min-height:40px;display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease-out,transform .3s ease-out,visibility .3s ease-out;pointer-events:none;z-index:10;box-shadow:0 4px 16px #191b1f14}.footer-link-wrapper:hover .footer-email-popup{opacity:1;visibility:visible;transform:translate(-50%)}.footer-email-address{margin:0;text-align:center;color:#fff;font-size:16px;line-height:28px;letter-spacing:0}@media(max-width:1200px){.footer{padding:240px 0}.footer-animation{width:100%;max-width:720px;aspect-ratio:1600 / 216}.footer-content{width:100%}.footer-link-wechat{color:#7f8185}}@media(max-width:600px){.footer{padding:120px 0}.footer-content{flex-wrap:nowrap}.footer-copyright,.footer-link{font-size:14px;line-height:var(--line-height-h4);letter-spacing:-.14px}}.work-page{width:100%;margin:0 auto;display:flex;flex-direction:column}.work-header{display:flex;flex-direction:column;gap:12px;padding:200px 0;width:100%}.work-title{margin:0;animation:slideInTitle .5s ease-out forwards;opacity:0}.work-title-break{display:none}.work-info{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--color-caption);animation:slideInInfo .5s ease-out .25s forwards;opacity:0}.work-info-item{display:flex;align-items:center;gap:4px}@keyframes slideInTitle{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInInfo{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInItem{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}.work-image-section{width:100%;padding:80px 0;display:flex;justify-content:center;align-items:center;animation:slideInInfo .5s ease-out .4s forwards;opacity:0}.work-showcase-image{width:100%;max-width:1200px;height:auto;display:block;border-radius:8px}.work-masonry{display:flex;flex-wrap:wrap;gap:48px 24px;width:100%;margin-bottom:120px}.work-masonry-item{width:calc((100% - 24px)/2);opacity:0;transform:translate3d(0,24px,0);transition:opacity .5s ease-out,transform .5s ease-out;content-visibility:auto}.work-masonry-item.animate-in{opacity:1;transform:translateZ(0);will-change:auto}.work-masonry-item:not(.animate-in){will-change:opacity,transform}.work-masonry-item:nth-child(1),.work-masonry-item:nth-child(2),.work-masonry-item:nth-child(3),.work-masonry-item:nth-child(4){transition-delay:0ms}.work-masonry-item:nth-child(n+5):nth-child(odd){transition-delay:50ms}.work-masonry-item:nth-child(n+5):nth-child(2n){transition-delay:.1s}@media(max-width:1200px){.work-header{padding:200px 0 120px}.work-image-section{padding:60px 0}.work-masonry{gap:48px 24px;margin-bottom:120px}.work-masonry-item{width:100%}}@media(max-width:600px){.work-page{margin:0}.work-title-break{display:block}.work-header{padding:120px 0 80px}.work-title{font-size:32px;line-height:40px;letter-spacing:-.28px}.work-info{font-size:var(--font-size-caption);line-height:16px;white-space:nowrap}.work-image-section{padding:32px 0}.work-masonry{gap:48px 24px;margin-bottom:120px}.work-masonry-item{width:100%}}.experience-item{display:flex;gap:120px;align-items:flex-start;width:100%;padding-top:24px;padding-bottom:72px;border-top:1px solid var(--color-divider);contain:layout style paint;transform:translateZ(0);backface-visibility:hidden}.experience-meta{display:contents}.experience-time{display:flex;align-items:center;gap:4px;width:120px;flex-shrink:0}.experience-year{text-rendering:optimizeSpeed}.experience-divider{width:8px;height:1px;flex-shrink:0}.experience-role{display:flex;align-items:center;gap:4px;width:280px;flex-shrink:0}.experience-position,.experience-company{text-rendering:optimizeSpeed}.experience-description{flex:1 1 auto;max-width:480px;min-width:0;margin:0;text-rendering:optimizeSpeed}@media(max-width:1200px){.experience-item{gap:24px}.experience-meta{display:flex;flex-direction:column;gap:4px;width:280px;flex-shrink:0}.experience-time{width:120px}.experience-role{width:280px}.experience-description{max-width:none}}@media(max-width:600px){.experience-item{display:flex;flex-direction:column;gap:12px;padding-top:24px;padding-bottom:72px}.experience-meta{display:flex;flex-direction:column;gap:4px;width:100%}.experience-time{width:120px}.experience-role{width:280px}.experience-description{width:100%;max-width:none;margin-top:0}}.myself-page{width:100%;margin:0 auto;min-height:100vh;transform:translateZ(0);backface-visibility:hidden}.myself-header{display:flex;flex-direction:column;gap:12px;align-items:center;padding-top:200px;padding-bottom:120px}.myself-intro-line{display:flex;gap:12px;align-items:center;width:100%;animation:slideInLine .4s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.myself-intro-text{margin:0;flex:1 0 0;min-width:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}@keyframes slideInLine{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}.myself-experience-list{display:flex;flex-direction:column;contain:layout;margin-bottom:120px}.myself-experience-item-wrapper{opacity:0;transform:translate3d(0,20px,0);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);backface-visibility:hidden;perspective:1000px;content-visibility:auto;contain-intrinsic-size:auto 200px}.myself-experience-item-wrapper:not(.animate-in){will-change:transform,opacity}.myself-experience-item-wrapper.animate-in{opacity:1;transform:translateZ(0)}@media(max-width:1200px){.myself-page{max-width:100%;padding:0}.myself-header{padding-top:160px;padding-bottom:80px}.myself-experience-list{margin-bottom:0}}@media(max-width:600px){.myself-page{padding:0}.myself-header{padding-top:100px;padding-bottom:60px;gap:8px}.myself-intro-text{font-size:32px;line-height:40px}.myself-experience-list{margin-bottom:60px}}.chat-page{--chat-composer-bottom: 24px;--chat-composer-gap: 48px;--chat-composer-height: 58px;--chat-edge-fade-height: 24px;--chat-page-top-padding: 40px;--chat-page-bottom-padding: 80px;width:100%;max-width:540px;height:100%;flex:1;min-height:0;margin:0 auto;padding-top:var(--chat-page-top-padding);padding-bottom:var(--chat-page-bottom-padding);position:relative;display:flex;flex-direction:column;overflow:hidden}.chat-page:before,.chat-page:after{content:"";position:absolute;left:0;width:100%;height:var(--chat-edge-fade-height);pointer-events:none;z-index:10}.chat-page:before{top:var(--chat-page-top-padding);background:linear-gradient(to bottom,#fff,#fff0)}.chat-page:after{bottom:var(--chat-page-bottom-padding);background:linear-gradient(to top,#fff,#fff0)}.chat-thread{display:flex;flex-direction:column;gap:28px;padding:24px 0 12px;overflow-y:auto;flex:1;min-height:0}.chat-row{width:100%;display:flex}.chat-row-assistant{max-width:480px;gap:12px;align-items:flex-start}.chat-row-user{justify-content:flex-end}.chat-avatar{width:32px;height:32px;border-radius:4px;flex:0 0 auto;background:#d6c4a8 url(/avatar.png) center / cover no-repeat}.chat-assistant-body{flex:1 0 0;padding-top:4px}.chat-text{margin:0;font-family:var(--font-sans);font-size:14px;line-height:24px;white-space:pre-wrap;word-break:break-word;color:#1d1d1f}.chat-assistant-text{color:#1d1d1f;font-family:"PingFang SC",var(--font-sans)}.chat-user-bubble{max-width:350px;padding:8px 12px;border:1px solid #e8e9eb;border-radius:8px;background:#f6f6f6}.chat-thinking{color:#cacbcc;font-family:var(--font-mono);letter-spacing:-.28px}.chat-thinking-gif{display:block;width:100px;height:24px;object-fit:contain}.chat-assistant-typing:after{content:"";display:inline-block;width:2px;height:16px;margin-left:4px;vertical-align:-2px;background:var(--color-accent);animation:chat-cursor-blink 1s steps(1,end) infinite}@keyframes chat-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.chat-composer-wrap{position:fixed;left:50%;bottom:var(--chat-composer-bottom);transform:translate(-50%);width:min(549px,calc(100vw - 48px));background:#fff;flex-shrink:0;z-index:20}.chat-composer{border:1px solid #e8e9eb;border-radius:12px;background:#fff;height:56px;padding:12px 12px 12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:border-color .2s ease,box-shadow .2s ease}.chat-composer-default:hover{border-color:#1d1d1f;box-shadow:0 4px 16px #191b1f14}.chat-composer-active,.chat-composer-input{border:2px solid #1d1d1f;box-shadow:0 4px 16px #191b1f14}.chat-composer-generate{border-color:#e8e9eb;box-shadow:0 2px 8px #191b1f14}.chat-input{flex:1;border:none;outline:none;background:transparent;resize:none;min-height:22px;max-height:144px;color:#1d1d1f;font-family:var(--font-sans);font-size:14px;line-height:22px}.chat-input::placeholder{color:#cacbcc}.chat-input:disabled{color:#cacbcc}.chat-send{width:32px;height:32px;border-radius:8px;padding:4px;border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.chat-send:not(:disabled):hover{box-shadow:inset 0 0 0 999px #ffffff0a}.chat-send-disabled{background:#1d1d1f;opacity:.3;cursor:default}.chat-send-active{background:#1d1d1f}.chat-send-generate{background:#1d1d1f;opacity:.3;cursor:default}.chat-send-arrow{width:14px;height:16px;background:#fff;-webkit-mask:url(/arrow-chat.svg) center / contain no-repeat;mask:url(/arrow-chat.svg) center / contain no-repeat}.chat-send-stop{width:12px;height:12px;border-radius:2px;background:#fff}.chat-error{margin:8px 4px 0;font-size:12px;line-height:16px;color:#bf3434}@media(max-width:1200px){.chat-page{max-width:none}.chat-composer-wrap{width:calc(100vw - 48px)}}@media(max-width:600px){.chat-page{--chat-page-top-padding: 64px}.chat-thread{padding-left:0;padding-right:0}.chat-row-assistant{max-width:100%}.chat-composer-wrap{width:calc(100vw - 24px)}}html:has(.article-page){scroll-behavior:auto!important}.article-page{min-height:100vh;background-color:#fff}.article-page .footer{margin-top:120px}.article-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.article-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.article-container{max-width:564px;margin:0 auto;padding:0;letter-spacing:1px}.article-header{padding-top:200px;padding-bottom:120px}.article-meta-list{display:flex;flex-direction:column;gap:8px}.article-container h2{margin:56px 0 16px}.article-container h2:first-of-type{margin-top:2rem}.article-container h3{margin:56px 0 16px}.article-container p{line-height:var(--line-height-paragraph);letter-spacing:var(--letter-spacing-normal);margin:0 0 12px;text-align:justify}.article-container ul,.article-container ol{margin:12px 0 24px;padding-left:2rem}.article-container li{font-family:var(--font-sans);font-size:var(--font-size-paragraph);font-weight:var(--font-weight-normal);line-height:var(--line-height-paragraph);color:var(--color-text);letter-spacing:var(--letter-spacing-normal);margin-bottom:4px;text-align:justify}.article-container li:last-child{margin-bottom:0}.article-container li::marker{font-family:var(--font-mono);font-size:var(--font-size-paragraph);font-weight:var(--font-weight-normal);color:var(--color-caption)}.article-container strong{font-weight:var(--font-weight-medium)}.article-container em{font-style:italic}.article-image-wrapper{width:100vw;margin:56px 0 56px calc(-50vw + 50%);padding:72px 24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.article-image-wrapper-compact{margin-bottom:56px!important;padding-bottom:0!important}.article-image-wrapper-dark{background-color:#242629}.article-image-wrapper-dark .article-image-title{color:#fff}.article-image-wrapper-wide{width:100vw;margin:56px 0 56px calc(-50vw + 50%);padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.article-image-wide{width:100vw;max-height:1000px;object-fit:cover;display:block}.article-image{width:100%;max-width:1200px;height:auto;display:block}.article-image-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-h1);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1);margin-bottom:48px;text-align:center}.article-mark-wrapper{padding:16px 24px;margin:24px 0 0;border-radius:12px}.article-mark{letter-spacing:1px;background:none}.article-video-wrapper{width:100vw;margin:48px 0 48px calc(-50vw + 50%);padding:72px 24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.article-video-wrapper-compact{margin-bottom:56px!important;padding-bottom:0!important}.article-video-wrapper-dark{background-color:#242629}.article-video-wrapper-dark .article-video-title{color:#fff}.article-video-wrapper-wide{width:100vw;margin:56px 0 56px calc(-50vw + 50%);padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.article-video-wide{width:100vw;max-height:1000px;object-fit:cover;display:block;pointer-events:none;user-select:none;-webkit-user-select:none}.article-video{width:100%;max-width:1200px;height:auto;display:block;pointer-events:none;user-select:none;-webkit-user-select:none;border-radius:20px;overflow:hidden}.article-video-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-h1);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1);margin-bottom:48px;text-align:center}.article-meta-title{margin:0 0 20px}.article-meta-item{display:flex;align-items:flex-start;gap:8px}.article-meta-icon{width:16px;height:16px;flex-shrink:0}.article-meta-content{display:flex;align-items:center;gap:4px}.article-meta-text,.article-meta-separator{line-height:var(--line-height-caption)}@media(max-width:600px){.article-container{padding:2rem 0;font-size:14px}.article-container h1{font-size:2rem}.article-container h2{font-size:var(--font-size-h3);line-height:var(--line-height-h3);margin:36px 0 16px}.article-container h3{font-size:var(--font-size-h4);line-height:var(--line-height-h4);margin:36px 0 16px}.article-container p,.article-container li,.article-container li::marker,.article-mark{font-size:14px;line-height:26px}.article-meta-title.text-h1{font-size:32px;line-height:40px;font-weight:500}.article-header{padding-top:120px;padding-bottom:80px}.article-image-wrapper,.article-video-wrapper{padding:32px 12px}.article-image-wrapper{margin:36px 0 36px calc(-50vw + 50%)}.article-image-wrapper-compact,.article-video-wrapper-compact{margin-bottom:36px!important}.article-image-wrapper-wide,.article-video-wrapper-wide,.article-video-wrapper{margin:36px 0 36px calc(-50vw + 50%)}.article-image,.article-video{width:100%}.article-image-wide,.article-video-wide{width:100vw;max-height:600px}.article-image-title{margin-bottom:24px;font-size:28px;line-height:32px;font-weight:500;padding:0 1rem}.article-video-title{margin-bottom:24px;font-size:1.5rem;line-height:2rem;padding:0 1rem}}a[href]:not([href="#"]):not([href=""]),.view-card-image-wrapper[data-clickable=true]{cursor:default!important}.custom-cursor{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);opacity:0}.custom-cursor.visible{opacity:1}.cursor-content{position:absolute;top:0;left:0;transform:translate(12px,12px);opacity:0;display:flex;align-items:center;gap:2px;padding:12px 16px 12px 20px;background-color:var(--color-background);border-radius:1000px;white-space:nowrap}.custom-cursor.hovering .cursor-content{opacity:1}.cursor-text{font-family:var(--font-sans);font-size:var(--font-size-h3);line-height:var(--line-height-h4);color:var(--color-text);text-transform:capitalize;font-weight:var(--font-weight-normal)}.cursor-arrow{width:24px;height:24px;transform:rotate(-90deg);display:block}.custom-cursor{will-change:transform}