.MobilePortfolio_page__4mvAT{--font-body:"Inter","Microsoft YaHei","PingFang SC",sans-serif;--font-display:"Space Grotesk","Microsoft YaHei","PingFang SC",sans-serif;--mobile-muted:#60605c;--mobile-orange:#a34610;width:100%;max-width:640px;margin-inline:auto;padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right));background:var(--color-bg);color:var(--color-ink);overflow-wrap:anywhere;font-size:16px;font-family:var(--font-body);line-height:1.7;-webkit-text-size-adjust:100%}.MobilePortfolio_page__4mvAT a{color:inherit;text-decoration:none}.MobilePortfolio_page__4mvAT a,.MobilePortfolio_page__4mvAT button,.MobilePortfolio_page__4mvAT summary{-webkit-tap-highlight-color:rgba(255,134,64,.16)}.MobilePortfolio_page__4mvAT button,.MobilePortfolio_page__4mvAT summary{cursor:pointer}.MobilePortfolio_page__4mvAT :focus-visible{outline:2px solid var(--mobile-orange);outline-offset:5px}.MobilePortfolio_hero__ygKv9{scroll-margin-top:20px}.MobilePortfolio_eyebrow__J8sga{font:500 11px/1.6 var(--font-mono);letter-spacing:.12em;color:var(--mobile-muted)}.MobilePortfolio_videoFrame__XZM6O{position:relative;aspect-ratio:16/9;background:#1c1c1a;border-radius:16px;overflow:hidden}.MobilePortfolio_videoFrame__XZM6O video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.MobilePortfolio_playButton__KFj1a{position:absolute;inset:0;width:100%;border:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:linear-gradient(transparent 45%,rgba(0,0,0,.3));font-size:14px}.MobilePortfolio_playIcon__AhAYv{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--color-accent);color:var(--color-ink);font-size:16px;padding-left:3px;box-shadow:0 2px 18px rgba(0,0,0,.12)}.MobilePortfolio_videoError__GYCWu{position:absolute;bottom:6px;inset-inline:8px;border-radius:6px;background:#fff;padding:6px;font-size:13px}.MobilePortfolio_actions__X5_PX{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.MobilePortfolio_primaryButton__qxTLw,.MobilePortfolio_secondaryButton__xH6yw{display:flex;justify-content:center;align-items:center;gap:18px;min-height:50px;border-radius:10px;font-size:15px;font-weight:500;border:1px solid var(--color-ink)}.MobilePortfolio_page__4mvAT .MobilePortfolio_primaryButton__qxTLw{background:var(--color-ink);color:#fff}.MobilePortfolio_secondaryButton__xH6yw{background:transparent}.MobilePortfolio_primaryButton__qxTLw span,.MobilePortfolio_secondaryButton__xH6yw span{font-size:20px}.MobilePortfolio_heroFoot__wMnXJ{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;color:var(--mobile-muted);font-size:12px}.MobilePortfolio_heroFoot__wMnXJ a{display:inline-flex;min-height:44px;align-items:center}.MobilePortfolio_section__sgpoc{margin-top:64px;padding-top:28px;border-top:1px solid var(--color-border);scroll-margin-top:24px}.MobilePortfolio_sectionHeader__V8b1Q{margin-bottom:26px}.MobilePortfolio_sectionNumber__Y9_is{font:500 12px var(--font-mono);color:var(--mobile-orange)}.MobilePortfolio_sectionHeader__V8b1Q h2{margin-top:10px;font:700 clamp(30px,8.3vw,40px)/1.05 var(--font-condensed),sans-serif;letter-spacing:-.015em}.MobilePortfolio_sectionHeader__V8b1Q p{margin-top:12px;font-size:15px;color:var(--mobile-muted);line-height:1.7}.MobilePortfolio_keywordTabs__we9Ty{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.MobilePortfolio_keywordTabs__we9Ty button{min-height:52px;border:1px solid var(--color-border);border-radius:8px;background:transparent;font:700 27px/1 var(--font-display);color:var(--color-ink);transition:background .15s ease,color .15s ease}.MobilePortfolio_keywordTabs__we9Ty button[aria-selected=true]{background:var(--color-accent);border-color:var(--color-accent)}.MobilePortfolio_keywordPanel__VGdt_{padding:24px 20px;margin-top:12px;min-height:286px;border-radius:12px;background:#eeeee9}.MobilePortfolio_keywordCaption___CvJ8{display:flex;align-items:center;justify-content:space-between;gap:12px;font:500 12px/1.6 var(--font-mono);color:var(--mobile-orange)}.MobilePortfolio_keywordCaption___CvJ8 span:last-child{font-size:10px;white-space:nowrap}.MobilePortfolio_keywordPanel__VGdt_ h3{margin-top:18px;font-size:22px;line-height:1.5;font-weight:600;text-wrap:pretty}.MobilePortfolio_keywordPanel__VGdt_>p{margin-top:14px;color:var(--mobile-muted);font-size:16px;line-height:1.8}.MobilePortfolio_skillList__8GmvE{display:grid;gap:14px}.MobilePortfolio_skillCard__MH_N_{padding:22px 20px;border:1px solid var(--color-border);border-radius:12px;background:rgba(255,255,255,.36)}.MobilePortfolio_cardNumber__q0CT6{color:var(--mobile-orange);font:500 12px var(--font-mono)}.MobilePortfolio_skillCard__MH_N_ h3{margin-top:12px;font:700 22px/1.35 var(--font-display)}.MobilePortfolio_skillCard__MH_N_>p{margin-top:12px;font-size:16px;color:var(--mobile-muted);line-height:1.8}.MobilePortfolio_tags__PU9Pg{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin-top:18px;list-style:none}.MobilePortfolio_tags__PU9Pg li{font:500 10px/1.5 var(--font-mono);text-transform:uppercase;color:var(--mobile-muted);background:#e9e9e3;border-radius:4px;padding:5px 7px}.MobilePortfolio_projectList__aS3hB{display:grid;gap:24px}.MobilePortfolio_projectCard__1j1p9{min-width:0;border:1px solid var(--color-border);border-radius:14px;background:#fff;overflow:hidden}.MobilePortfolio_projectImageLink__r8ppK{position:relative;display:block;aspect-ratio:16/10;background:#e8e8e4}.MobilePortfolio_projectImageLink__r8ppK img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.MobilePortfolio_imageIndex___Huf5{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:6px;background:rgba(245,245,243,.94);color:var(--color-ink);font:500 11px var(--font-mono)}.MobilePortfolio_projectBody__FiGn0{padding:20px}.MobilePortfolio_category__BeO4z{font:500 10px/1.65 var(--font-mono);letter-spacing:.04em;color:var(--mobile-orange)}.MobilePortfolio_projectBody__FiGn0 h3{margin-top:10px;font-size:22px;line-height:1.45;font-weight:600;text-wrap:pretty}.MobilePortfolio_description__fVvR6{margin-top:12px;font-size:16px;color:var(--mobile-muted);line-height:1.8}.MobilePortfolio_projectDetails__iIKfv{margin-top:4px;font-size:16px;color:var(--mobile-muted)}.MobilePortfolio_projectDetails__iIKfv summary{display:flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;min-height:44px;color:var(--mobile-orange);font-size:14px;list-style:none}.MobilePortfolio_projectDetails__iIKfv summary:after{content:"+";font-size:20px}.MobilePortfolio_projectDetails__iIKfv[open] summary:after{content:"−"}.MobilePortfolio_projectDetails__iIKfv>p{padding-top:4px;line-height:1.8}.MobilePortfolio_projectAction__F5Qnt{display:flex;min-height:48px;align-items:center;justify-content:space-between;margin-top:18px;border-top:1px solid var(--color-border);padding-top:10px;font-size:14px;font-weight:500}.MobilePortfolio_projectAction__F5Qnt span{font-size:22px;color:var(--mobile-orange)}.MobilePortfolio_toolGroup__2c93w+.MobilePortfolio_toolGroup__2c93w{margin-top:28px}.MobilePortfolio_toolGroup__2c93w>h3{margin-bottom:12px;font:500 10px/1.6 var(--font-mono);letter-spacing:.08em;color:var(--mobile-muted)}.MobilePortfolio_toolPair__XJPjM{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.MobilePortfolio_toolPair__XJPjM+.MobilePortfolio_toolPair__XJPjM{margin-top:10px}.MobilePortfolio_toolCard__JZBoG{position:relative;display:flex;flex-direction:column;min-width:0;min-height:162px;padding:16px 14px;border:1px solid var(--color-border);border-radius:10px;background:rgba(255,255,255,.35);color:var(--color-ink);text-align:left}.MobilePortfolio_toolIdentity____0DR{display:flex;align-items:center;gap:8px;min-height:28px;padding-right:20px}.MobilePortfolio_toolIcon___5CC_{display:block;width:28px;height:28px;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.MobilePortfolio_toolType__YOwS6{font:500 10px/1.6 var(--font-mono);color:var(--mobile-orange);text-transform:uppercase}.MobilePortfolio_toolName__49j1p{margin-top:6px;font:700 16px/1.35 var(--font-display)}.MobilePortfolio_toolRole__QivPo{display:block;font-size:13px;color:var(--mobile-muted);margin-top:8px}.MobilePortfolio_toolToggle__X_bak{position:absolute;top:10px;right:13px;color:var(--mobile-orange);font-size:22px;line-height:1.5}.MobilePortfolio_toolToggle__X_bak:after{content:"+"}.MobilePortfolio_toolCard__JZBoG[aria-expanded=true]{border-color:var(--color-accent);background:#fff1e6}.MobilePortfolio_toolCard__JZBoG[aria-expanded=true] .MobilePortfolio_toolToggle__X_bak:after{content:"−"}.MobilePortfolio_toolDescription__8dWBV{grid-column:1/-1;padding:18px 16px;border:1px solid var(--color-border);border-radius:10px;background:#eeeee9}.MobilePortfolio_toolDescription__8dWBV p{font-size:16px;color:var(--mobile-muted);line-height:1.8}.MobilePortfolio_page__4mvAT summary::-webkit-details-marker{display:none}.MobilePortfolio_contact__0YlcA{padding-bottom:max(24px,env(safe-area-inset-bottom))}.MobilePortfolio_slogan__Fuoaa{margin:24px 0 30px;font:900 clamp(56px,16vw,80px)/.94 var(--font-condensed),sans-serif;letter-spacing:-.015em}.MobilePortfolio_slogan__Fuoaa span{color:var(--color-accent)}.MobilePortfolio_contactRows__QI0dp>a,.MobilePortfolio_qrDetails__gY5CS summary,.MobilePortfolio_wechatRow__B_IQz{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;padding-block:16px;min-height:78px;border-bottom:1px solid var(--color-border)}.MobilePortfolio_contactRows__QI0dp>a>span,.MobilePortfolio_qrDetails__gY5CS summary>span,.MobilePortfolio_wechatRow__B_IQz>span{grid-column:1;font:500 10px/1.5 var(--font-mono);letter-spacing:.08em;color:var(--mobile-muted)}.MobilePortfolio_contactRows__QI0dp strong{grid-column:1;font:500 16px/1.5 var(--font-mono);overflow-wrap:anywhere}.MobilePortfolio_contactRows__QI0dp i{grid-column:2;grid-row:1/3;font-style:normal;font-size:24px;color:var(--mobile-orange)}.MobilePortfolio_wechatRow__B_IQz button{grid-column:2;grid-row:1/3;min-width:58px;min-height:44px;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--mobile-orange);font-size:14px}.MobilePortfolio_qrDetails__gY5CS summary{list-style:none}.MobilePortfolio_qrDetails__gY5CS[open] summary i{transform:rotate(45deg)}.MobilePortfolio_qrDetails__gY5CS img{display:block;width:min(100%,280px);height:auto;margin:24px auto 12px}.MobilePortfolio_qrDetails__gY5CS>p{font-size:13px;color:var(--mobile-muted);text-align:center;padding-bottom:16px}.MobilePortfolio_copyStatus__AbgAs{min-height:30px;padding-top:8px;font-size:13px;color:var(--mobile-orange)}.MobilePortfolio_footer__5Rnn8{margin-top:24px;padding-top:18px;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;color:var(--mobile-muted);font:400 10px/1.6 var(--font-mono)}.MobilePortfolio_footer__5Rnn8 a{display:inline-flex;min-height:44px;align-items:center;font-family:var(--font-body);font-size:12px}@media (max-width:359px){.MobilePortfolio_page__4mvAT{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}.MobilePortfolio_keywordPanel__VGdt_{padding-inline:16px}.MobilePortfolio_keywordTabs__we9Ty{gap:1px}.MobilePortfolio_keywordPanel__VGdt_ h3{font-size:20px}.MobilePortfolio_projectBody__FiGn0{padding:18px 16px}.MobilePortfolio_toolCard__JZBoG{padding-inline:12px}}@media (min-width:600px){.MobilePortfolio_skillList__8GmvE{grid-template-columns:repeat(2,minmax(0,1fr))}.MobilePortfolio_skillCard__MH_N_{display:flex;flex-direction:column}.MobilePortfolio_skillCard__MH_N_ .MobilePortfolio_tags__PU9Pg{margin-top:auto;padding-top:18px}.MobilePortfolio_keywordPanel__VGdt_{min-height:240px}}@media (prefers-reduced-motion:reduce){.MobilePortfolio_page__4mvAT *,.MobilePortfolio_page__4mvAT :after,.MobilePortfolio_page__4mvAT :before{transition:none}}