@font-face{font-family:HY Keep Running;src:url(/font/HYKeepRunning-45U.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:HY Keep Running;src:url(/font/HYKeepRunning-65U.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:HY Keep Running;src:url(/font/HYKeepRunning-75U.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}.portfolio-page{font-family:var(--sans);letter-spacing:0}.portfolio-page[lang=zh-CN]{font-family:HY Keep Running,Microsoft YaHei,PingFang SC,sans-serif}.portfolio-language-switcher{color:#17171359;font-family:var(--sans);gap:.4rem;font-size:.7rem;font-weight:600}.portfolio-language-switcher a{color:#1717138c;border-bottom:1px solid #0000;justify-content:center;align-items:center;padding:.2rem 0;line-height:1;text-decoration:none;display:inline-flex}.portfolio-language-switcher a.is-active{color:#171713;border-bottom-color:#171713}.portfolio-admin-link,.portfolio-admin-link:hover{color:#171713}.portfolio-nav-link{color:#1717139e;text-decoration:none;transition:color .16s}.portfolio-nav-link:hover{color:#171713}.portfolio-hero-photo{object-position:center 56%;filter:contrast(1.04)saturate(1.08);animation:.9s cubic-bezier(.22,1,.36,1) both portfolio-photo-in}.portfolio-hero-overlay{background:linear-gradient(90deg,#f7f7f4fa 0%,#f7f7f4f0 32%,#f7f7f4b8 48%,#f7f7f452 60%,#f7f7f400 76%)}.portfolio-primary-action,.portfolio-secondary-action{border-radius:.375rem;justify-content:center;align-items:center;gap:.65rem;min-height:2.75rem;padding:.7rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.portfolio-primary-action{color:#fff;background:#171713}.portfolio-secondary-action{color:#171713;border:1px solid #17171333}.portfolio-primary-action:hover,.portfolio-secondary-action:hover{transform:translateY(-2px)}.portfolio-primary-action:hover{color:#fff;background:#5e60ad}.portfolio-secondary-action:hover{color:#171713;background:#fff;border-color:#171713}.portfolio-project{transition:background-color .18s}.portfolio-project:hover{background:#20201b}.portfolio-contact-link{color:#fff;align-items:center;gap:.65rem;min-width:0;min-height:3.5rem;padding:.7rem 0;text-decoration:none;display:flex}.portfolio-contact-link+.portfolio-contact-link{border-top:1px solid #fff3}.portfolio-contact-icon{border:1px solid #ffffff47;border-radius:.375rem;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .16s,color .16s;display:inline-flex}a.portfolio-contact-link:hover{color:#fff}a.portfolio-contact-link:hover .portfolio-contact-icon{color:#5e60ad;background:#fff}@keyframes portfolio-photo-in{0%{transform:scale(1.025)}to{transform:scale(1)}}@media (min-width:1024px){.portfolio-contact-link{gap:.85rem;min-height:0;padding:1rem 0}.portfolio-contact-icon{width:2.5rem;height:2.5rem}.portfolio-contact-link+.portfolio-contact-link{border-top:1px solid #fff3}}@media (max-width:639px){.portfolio-hero{align-items:flex-start;min-height:620px;padding-top:0}.portfolio-hero-media{height:21rem;bottom:auto}.portfolio-hero-photo{object-position:57% 52%}.portfolio-hero-overlay{background:linear-gradient(#f7f7f40f 0%,#f7f7f41f 42%,#f7f7f4c7 74%,#f7f7f4 100%);width:100%;height:24rem}.portfolio-primary-action,.portfolio-secondary-action{min-height:2.5rem;padding:.55rem .8rem;font-size:.75rem}}