:root{--color-white: #ffffff;--color-black: #000000;--color-background-light: #f5f5f7;--color-text-primary: #1d1d1f;--color-text-secondary: #86868b;--color-border-light: rgba(0, 0, 0, .1);--color-border-dark: rgba(255, 255, 255, .18);--max-width: 1080px;--nav-height: 56px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--color-text-primary);background:var(--color-white);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:120px 0}.section--light{background:var(--color-background-light)}.section--dark{background:var(--color-black);color:var(--color-white)}.section--white{background:var(--color-white)}.section-eyebrow{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:16px}.section--dark .section-eyebrow{color:#ffffff8c}.section-title{font-size:clamp(32px,5vw,56px);font-weight:600;letter-spacing:-.02em;line-height:1.1}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease;will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}@media(max-width:768px){.section{padding:80px 0}.container{padding:0 20px}}.nav[data-v-ac73a19c]{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:100;transition:background .3s ease,backdrop-filter .3s ease,border-color .3s ease;border-bottom:1px solid transparent}.nav--scrolled[data-v-ac73a19c]{background:#ffffffb8;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom-color:var(--color-border-light)}.nav__inner[data-v-ac73a19c]{height:100%;display:flex;align-items:center;justify-content:space-between}.nav__brand[data-v-ac73a19c]{font-size:19px;font-weight:600;letter-spacing:-.01em}.nav__links[data-v-ac73a19c]{display:flex;gap:36px}.nav__link[data-v-ac73a19c]{font-size:15px;color:var(--color-text-primary);opacity:.85;transition:opacity .2s ease}.nav__link[data-v-ac73a19c]:hover{opacity:1}.nav__toggle[data-v-ac73a19c]{display:none;color:var(--color-text-primary);padding:6px}.nav__mobile[data-v-ac73a19c]{display:none}.drop-enter-active[data-v-ac73a19c],.drop-leave-active[data-v-ac73a19c]{transition:opacity .2s ease,transform .2s ease}.drop-enter-from[data-v-ac73a19c],.drop-leave-to[data-v-ac73a19c]{opacity:0;transform:translateY(-8px)}@media(max-width:768px){.nav__links[data-v-ac73a19c]{display:none}.nav__toggle[data-v-ac73a19c]{display:flex}.nav--scrolled[data-v-ac73a19c],.nav[data-v-ac73a19c]:has(.nav__mobile){background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.nav__mobile[data-v-ac73a19c]{display:flex;flex-direction:column;background:#fffffff5;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--color-border-light);padding:12px 24px 20px}.nav__mobile-link[data-v-ac73a19c]{padding:14px 0;font-size:17px;border-bottom:1px solid var(--color-border-light)}.nav__mobile-link[data-v-ac73a19c]:last-child{border-bottom:none}}.hero[data-v-f627dec3]{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--color-white)}.hero__inner[data-v-f627dec3]{padding-top:var(--nav-height)}.hero__eyebrow[data-v-f627dec3]{font-size:16px;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:24px}.hero__title[data-v-f627dec3]{font-size:clamp(48px,9vw,104px);font-weight:600;letter-spacing:-.03em;line-height:1.04}.hero__subtitle[data-v-f627dec3]{margin-top:24px;font-size:clamp(18px,2.4vw,24px);color:var(--color-text-secondary);letter-spacing:.01em}.hero__desc[data-v-f627dec3]{margin-top:32px;font-size:clamp(15px,1.8vw,18px);color:var(--color-text-primary);opacity:.78;line-height:1.7}.hero__actions[data-v-f627dec3]{margin-top:44px;display:flex;gap:16px;flex-wrap:wrap}.btn[data-v-f627dec3]{display:inline-flex;align-items:center;justify-content:center;padding:14px 30px;border-radius:980px;font-size:16px;font-weight:500;transition:transform .2s ease,background .2s ease,color .2s ease}.btn--primary[data-v-f627dec3]{background:var(--color-black);color:var(--color-white)}.btn--primary[data-v-f627dec3]:hover{transform:translateY(-2px)}.btn--ghost[data-v-f627dec3]{border:1px solid var(--color-border-light);color:var(--color-text-primary)}.btn--ghost[data-v-f627dec3]:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.hero__scroll[data-v-f627dec3]{position:absolute;bottom:36px;left:50%;transform:translate(-50%);color:var(--color-text-secondary);animation:bob-f627dec3 2s ease-in-out infinite}@keyframes bob-f627dec3{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}@media(prefers-reduced-motion:reduce){.hero__scroll[data-v-f627dec3]{animation:none}.btn--primary[data-v-f627dec3]:hover{transform:none}}@media(max-width:768px){.hero__desc br[data-v-f627dec3]{display:none}}.intro__grid[data-v-2a34bd61]{margin-top:64px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.intro__card[data-v-2a34bd61]{border-top:1px solid var(--color-border-dark);padding-top:24px}.intro__icon[data-v-2a34bd61]{color:var(--color-white);margin-bottom:20px}.intro__card-title[data-v-2a34bd61]{font-size:20px;font-weight:600;margin-bottom:12px}.intro__card-desc[data-v-2a34bd61]{font-size:15px;line-height:1.6;color:#fff9}@media(max-width:900px){.intro__grid[data-v-2a34bd61]{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.intro__grid[data-v-2a34bd61]{grid-template-columns:1fr}}.ph-image[data-v-932e64e9]{width:100%;height:100%;object-fit:cover;display:block}.ph[data-v-932e64e9]{width:100%;height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--color-background-light);color:var(--color-text-secondary);border:1px dashed var(--color-border-light);text-align:center;padding:24px}.ph--dark[data-v-932e64e9]{background:#1a1a1a;color:#fff9;border-color:var(--color-border-dark)}.ph__hint[data-v-932e64e9]{font-size:13px;letter-spacing:.04em}.ph__file[data-v-932e64e9]{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.8;word-break:break-all}.show[data-v-e50434e1]{padding:120px 0}.show--dark[data-v-e50434e1]{background:var(--color-black);color:var(--color-white)}.show--light[data-v-e50434e1]{background:var(--color-background-light);color:var(--color-text-primary)}.show__inner[data-v-e50434e1]{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.show__inner--reverse .show__text[data-v-e50434e1]{order:2}.show__index[data-v-e50434e1]{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-bottom:20px}.show__headline[data-v-e50434e1]{font-size:clamp(30px,4.4vw,48px);font-weight:600;line-height:1.12;letter-spacing:-.02em;margin-bottom:24px}.show__summary[data-v-e50434e1]{font-size:16px;line-height:1.7;opacity:.72;margin-bottom:28px}.show__highlights[data-v-e50434e1]{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.show__highlights li[data-v-e50434e1]{position:relative;padding-left:22px;font-size:15px;line-height:1.6;opacity:.82}.show__highlights li[data-v-e50434e1]:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}.show__meta-label[data-v-e50434e1]{display:block;font-size:14px;opacity:.6;margin-bottom:14px}.show__stack[data-v-e50434e1]{display:flex;flex-wrap:wrap;gap:8px}.tag[data-v-e50434e1]{font-size:13px;padding:5px 12px;border-radius:980px;border:1px solid currentColor;opacity:.55}.show--dark .tag[data-v-e50434e1]{border-color:var(--color-border-dark);opacity:1;color:#ffffffbf}.show--light .tag[data-v-e50434e1]{border-color:var(--color-border-light);opacity:1;color:var(--color-text-secondary)}.show__visual[data-v-e50434e1]{display:flex;justify-content:center}.frame--phone[data-v-e50434e1]{width:280px;border-radius:36px;background:#0d0d0d;padding:12px;box-shadow:0 30px 60px #00000059}.frame--phone .frame__screen[data-v-e50434e1]{border-radius:26px;overflow:hidden;background:#000}.frame--phone .frame__screen[data-v-e50434e1] .ph-image{width:100%;height:auto;object-fit:contain;display:block}.frame--browser[data-v-e50434e1]{width:100%;max-width:560px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--color-border-light);box-shadow:0 24px 50px #00000024}.frame__bar[data-v-e50434e1]{height:38px;display:flex;align-items:center;gap:8px;padding:0 16px;background:#f0f0f2;border-bottom:1px solid var(--color-border-light)}.frame__bar span[data-v-e50434e1]{width:11px;height:11px;border-radius:50%;background:#d4d4d8}.frame--browser .frame__screen[data-v-e50434e1]{overflow:hidden}.frame--browser .frame__screen[data-v-e50434e1] .ph-image{width:100%;height:auto;object-fit:contain;display:block}@media(max-width:860px){.show[data-v-e50434e1]{padding:80px 0}.show__inner[data-v-e50434e1]{grid-template-columns:1fr;gap:40px}.show__inner--reverse .show__text[data-v-e50434e1]{order:0}}.archive__lead[data-v-c4e7baaf]{margin-top:16px;font-size:17px;color:var(--color-text-secondary)}.archive__list[data-v-c4e7baaf]{list-style:none;margin-top:48px;border-top:1px solid var(--color-border-light)}.archive__item[data-v-c4e7baaf]{border-bottom:1px solid var(--color-border-light)}.archive__head[data-v-c4e7baaf]{width:100%;display:flex;align-items:center;gap:24px;padding:26px 0;text-align:left;color:var(--color-text-primary)}.archive__head-main[data-v-c4e7baaf]{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.archive__name[data-v-c4e7baaf]{font-size:clamp(18px,2.2vw,22px);font-weight:600;letter-spacing:-.01em}.archive__intro[data-v-c4e7baaf]{font-size:14px;color:var(--color-text-secondary)}.archive__head-side[data-v-c4e7baaf]{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.archive__period[data-v-c4e7baaf]{font-size:14px;color:var(--color-text-primary);opacity:.85}.archive__role[data-v-c4e7baaf]{font-size:13px;color:var(--color-text-secondary)}.archive__icon[data-v-c4e7baaf]{flex-shrink:0;color:var(--color-text-secondary);transition:transform .3s ease}.archive__item.is-open .archive__icon[data-v-c4e7baaf]{transform:rotate(45deg)}.archive__panel[data-v-c4e7baaf]{overflow:hidden}.archive__panel-inner[data-v-c4e7baaf]{padding:4px 0 32px;max-width:760px}.archive__stack[data-v-c4e7baaf]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tag[data-v-c4e7baaf]{font-size:13px;padding:5px 12px;border-radius:980px;border:1px solid var(--color-border-light);color:var(--color-text-secondary)}.archive__detail[data-v-c4e7baaf]{display:grid;grid-template-columns:96px 1fr;gap:14px 24px}.archive__detail dt[data-v-c4e7baaf]{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.archive__detail dd[data-v-c4e7baaf]{font-size:15px;line-height:1.7;color:var(--color-text-primary);opacity:.86}.archive__detail dd ul[data-v-c4e7baaf]{list-style:none;display:flex;flex-direction:column;gap:8px}.archive__detail dd li[data-v-c4e7baaf]{position:relative;padding-left:18px}.archive__detail dd li[data-v-c4e7baaf]:before{content:"—";position:absolute;left:0;color:var(--color-text-secondary)}@media(max-width:680px){.archive__head[data-v-c4e7baaf]{flex-wrap:wrap;gap:10px 16px;position:relative;padding-right:36px}.archive__head-side[data-v-c4e7baaf]{flex-direction:row;align-items:center;gap:10px}.archive__icon[data-v-c4e7baaf]{position:absolute;right:0;top:28px}.archive__detail[data-v-c4e7baaf]{grid-template-columns:1fr;gap:4px 0}.archive__detail dt[data-v-c4e7baaf]{margin-top:14px}}.exp__summary[data-v-906a6e8a]{margin-top:28px;font-size:clamp(18px,2.4vw,26px);line-height:1.6;font-weight:500;letter-spacing:-.01em;max-width:760px}.exp__timeline[data-v-906a6e8a]{margin-top:64px;display:flex;flex-direction:column}.exp__item[data-v-906a6e8a]{display:grid;grid-template-columns:200px 1fr;gap:32px;padding:36px 0;border-top:1px solid var(--color-border-light)}.exp__item[data-v-906a6e8a]:last-child{border-bottom:1px solid var(--color-border-light)}.exp__period[data-v-906a6e8a]{font-size:20px;font-weight:600;letter-spacing:-.01em}.exp__title[data-v-906a6e8a]{font-size:19px;font-weight:600;margin-bottom:12px}.exp__desc[data-v-906a6e8a]{font-size:16px;line-height:1.7;color:var(--color-text-primary);opacity:.78;max-width:640px}@media(max-width:680px){.exp__summary br[data-v-906a6e8a]{display:none}.exp__item[data-v-906a6e8a]{grid-template-columns:1fr;gap:12px}}.skills__grid[data-v-4d8140ca]{margin-top:56px;display:grid;grid-template-columns:repeat(2,1fr);gap:48px 64px}.skills__group-title[data-v-4d8140ca]{font-size:18px;font-weight:600;padding-bottom:18px;border-bottom:1px solid var(--color-border-light);margin-bottom:22px}.skills__tags[data-v-4d8140ca]{list-style:none;display:flex;flex-wrap:wrap;gap:10px}.skills__tag[data-v-4d8140ca]{font-size:15px;padding:8px 16px;border-radius:980px;background:var(--color-background-light);color:var(--color-text-primary);transition:background .2s ease,color .2s ease}.skills__tag[data-v-4d8140ca]:hover{background:var(--color-black);color:var(--color-white)}@media(max-width:680px){.skills__grid[data-v-4d8140ca]{grid-template-columns:1fr;gap:40px}}.contact__desc[data-v-3cf40029]{margin-top:28px;font-size:17px;line-height:1.7;color:#ffffff9e}.contact__grid[data-v-3cf40029]{margin-top:56px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact__card[data-v-3cf40029]{position:relative;display:flex;flex-direction:column;gap:8px;padding:28px;border:1px solid var(--color-border-dark);border-radius:16px;color:var(--color-white);text-align:left;transition:background .25s ease,transform .25s ease}.contact__card[data-v-3cf40029]:hover{background:#ffffff0f;transform:translateY(-3px)}.contact__label[data-v-3cf40029]{margin-top:8px;font-size:14px;color:#ffffff80}.contact__value[data-v-3cf40029]{font-size:18px;font-weight:500}.contact__arrow[data-v-3cf40029]{position:absolute;top:24px;right:24px;color:#fff6}@media(prefers-reduced-motion:reduce){.contact__card[data-v-3cf40029]:hover{transform:none}}@media(max-width:680px){.contact__desc br[data-v-3cf40029]{display:none}.contact__grid[data-v-3cf40029]{grid-template-columns:1fr}}.overlay[data-v-8abca0ab]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px;animation:fade-8abca0ab .2s ease}.modal[data-v-8abca0ab]{position:relative;width:100%;max-width:320px;background:var(--color-white);color:var(--color-text-primary);border-radius:18px;padding:32px 28px;text-align:center;animation:pop-8abca0ab .22s ease}.modal__close[data-v-8abca0ab]{position:absolute;top:14px;right:14px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:50%;transition:background .2s ease}.modal__close[data-v-8abca0ab]:hover{background:var(--color-background-light)}.modal__title[data-v-8abca0ab]{font-size:20px;font-weight:600;margin-bottom:20px}.modal__qr[data-v-8abca0ab]{width:220px;height:220px;margin:0 auto;border-radius:12px;overflow:hidden}.modal__hint[data-v-8abca0ab]{margin-top:18px;font-size:14px;color:var(--color-text-secondary)}@keyframes fade-8abca0ab{0%{opacity:0}to{opacity:1}}@keyframes pop-8abca0ab{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.overlay[data-v-8abca0ab],.modal[data-v-8abca0ab]{animation:none}}.footer[data-v-a259fcf8]{background:var(--color-black);color:#ffffff80;padding:40px 0;border-top:1px solid var(--color-border-dark)}.footer__inner[data-v-a259fcf8]{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px}.footer__beian[data-v-a259fcf8]{margin-top:20px;text-align:center;font-size:13px}.footer__beian a[data-v-a259fcf8]{color:#fff6;transition:color .2s ease}.footer__beian a[data-v-a259fcf8]:hover{color:#ffffffb3}@media(max-width:600px){.footer__inner[data-v-a259fcf8]{flex-direction:column;text-align:center}}