:root{--orange:#ff6a00;--orange-dark:#bd4700;--ink:#34271f;--paper:#fffaf5;--muted:#79685c;--line:#eadfd5;--peach:#fff0e2;--white:#fff;--radius:28px;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange-dark);outline-offset:5px}button{cursor:pointer}::selection{color:var(--ink);background:#ffd5b5}.wrap{width:min(1280px,100% - 112px);margin:auto}.reveal{opacity:1}.section{padding:100px 0}.section-tag{letter-spacing:.18em;color:var(--muted);align-items:center;gap:14px;margin-bottom:36px;font-size:12px;font-weight:600;display:flex}.section-tag span{width:32px;height:32px;color:var(--orange-dark);letter-spacing:0;background:#ffe3cb;border-radius:50%;place-items:center;display:grid}.section-tag:after{content:"";background:#dfcdbd;width:72px;height:1px}h1,h2,h3,p{overflow-wrap:break-word}h2{letter-spacing:-.04em;margin:0;font-size:clamp(34px,3.6vw,52px);font-weight:700;line-height:1.27}h2 span{color:var(--orange-dark)}.header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf5f5;border-bottom:1px solid #eadfd5cc;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:10px max(56px,50vw - 640px);display:flex;position:sticky;top:0}.brand{white-space:nowrap;flex-direction:column;gap:5px;display:flex}.brand-mobile{color:var(--orange);letter-spacing:-.055em;order:-1;font-size:25px;font-weight:800;line-height:1;display:block}.brand-desktop{letter-spacing:.015em;color:var(--muted);font-size:10px}.header nav{align-items:center;gap:30px;font-size:14px;display:flex}.header nav>a:not(.nav-cta){color:#665446;padding:10px 0;transition:color .2s;position:relative}.header nav>a:hover{color:var(--orange-dark)}.nav-cta,.primary{background:var(--orange);color:#341f0e;border-radius:999px;justify-content:center;align-items:center;gap:18px;font-weight:700;transition:background .2s,box-shadow .2s;display:inline-flex}.nav-cta{padding:10px 20px;font-size:14px}.primary{min-height:56px;padding:17px 27px;font-size:16px;box-shadow:0 7px 20px #ff6a001c}.primary:hover,.nav-cta:hover{background:#ff8226;box-shadow:0 7px 24px #ff6a0030}.menu{display:none}.secondary{color:#6a4e3b;border-bottom:1px solid #d6bba5;align-items:center;gap:12px;padding:10px 0;font-size:15px;display:inline-flex}.secondary:hover{color:var(--orange-dark)}.hero{background:var(--paper);padding:56px 0 66px;position:relative}.hero-content{grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;display:grid}.hero-copy{padding:14px 0}.hero-eyebrow{color:#a44b0b;letter-spacing:.04em;background:#ffe9d6;border:1px solid #ffd7b6;border-radius:999px;align-items:center;padding:9px 16px;font-size:13px;display:inline-flex}.hero-copy h1{letter-spacing:-.065em;margin:28px 0 20px;font-size:clamp(46px,4.9vw,74px);font-weight:750;line-height:1.16}.hero-copy h1 em{color:var(--orange);font-style:normal}.hero-copy>p{color:#7a5d49;margin:0 0 26px;font-size:17px}.hero-description{color:#766457;font-size:18px;line-height:1.8}.hero-actions{align-items:center;gap:26px;margin-top:32px;display:flex}.hero-topics{flex-wrap:wrap;gap:9px;margin-top:36px;display:flex}.hero-topics span{border:1px solid var(--line);color:#7d6b5d;background:#fffdfa;border-radius:999px;padding:9px 13px;font-size:12px}.hero-visual{isolation:isolate;background:#ffeddc;border-radius:32px;height:560px;position:relative;overflow:hidden}.hero-ocean{background:linear-gradient(140deg,#ffe7d0,#ffd5b1);position:absolute;inset:0}.hero-orbit{pointer-events:none;border:1px solid #fff9;border-radius:50%;width:560px;height:560px;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 40px #fff3,0 0 0 80px #fff2}.hero-portrait{object-fit:cover;object-position:50% 32%;border-radius:190px 190px 24px 24px;width:72%;height:430px;position:absolute;top:40px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #9a52251c}.hero-photo-note{background:#fffdf9f5;border:1px solid #fff9;border-radius:20px;padding:21px 24px;position:absolute;bottom:24px;left:24px;right:24px;box-shadow:0 12px 32px #924c1810}.hero-photo-note span{color:#89705e;margin-bottom:7px;font-size:12px;display:block}.hero-photo-note strong{font-size:20px;font-weight:600}.hero-location{color:#855b3d;background:#fffaf3;border:1px solid #fff;border-radius:999px;align-items:center;gap:6px;padding:10px 12px;font-size:12px;display:flex;position:absolute;top:25px;right:23px}.about{background:#fff}.about-grid{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:64px;display:grid}.portrait{border-radius:var(--radius);background:#ffe4ca;height:480px;position:relative;overflow:hidden}.portrait img{object-fit:cover;object-position:72% center;width:100%;height:100%}.portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000,#30221195);position:absolute;inset:50% 0 0}.portrait-label{z-index:1;color:#fff;font-size:14px;font-weight:600;position:absolute;bottom:25px;left:24px;right:24px}.bio h2{margin:0 0 24px}.bio p{color:#766457;margin:16px 0 0;font-size:15px;line-height:1.95}.bio .lead{color:#544032;font-size:17px;line-height:1.85}.stats{background:var(--paper);border:1px solid var(--line);border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:44px 0 0;padding:30px 0;display:grid}.stats>div{border-right:1px solid #e7d7c7;min-width:0;padding:4px 36px}.stats>div:last-child{border:0}.stats strong{letter-spacing:-.055em;color:var(--orange-dark);font-size:46px;font-weight:650;line-height:1.15}.stats strong span{letter-spacing:0;color:#7c6656;margin-left:8px;font-size:15px}.stats p{color:#7b6655;margin:12px 0 0;font-size:14px;line-height:1.6}.experience{background:var(--paper)}.section-heading,.skills-head{grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;margin-bottom:40px;display:grid}.section-heading p,.skills-head p{color:var(--muted);max-width:470px;margin:0;font-size:16px;line-height:1.9}.timeline{gap:18px;display:grid}.job{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:40px 180px minmax(0,1fr);gap:24px;padding:34px;display:grid}.job.featured{background:#fffdfb;border-color:#f8c6a0;box-shadow:0 8px 35px #c6712610}.job-index{color:#a25724;background:#fff0e2;border-radius:50%;align-self:start;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.job time{color:#8a715d;white-space:nowrap;padding-top:8px;font-size:14px;font-weight:600}.job-title{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.job-title h3{margin:0;font-size:23px;font-weight:600;line-height:1.5}.job-title span{color:#897568;font-size:13px}.job-main>p{color:#79685c;margin:14px 0 0;font-size:15px;line-height:1.9}.job ul{gap:9px;margin:18px 0;padding:0;list-style:none;display:grid}.job li{color:#766457;padding-left:16px;font-size:14px;line-height:1.8;position:relative}.job li:before{content:"";background:#ea9c60;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.result{color:#805335;background:#fff1e5;border-radius:16px;margin-top:20px;padding:20px 22px;font-size:14px;line-height:1.85}.result b{color:#a34306;letter-spacing:.05em;margin-bottom:6px;font-size:12px;display:block}.skills{background:#fff}.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.skill{background:#fffaf5;border:1px solid #f0e3d6;border-radius:24px;flex-direction:column;min-height:340px;padding:28px;transition:background .25s,box-shadow .25s;display:flex}.skill:hover{background:#fff1e2;box-shadow:0 14px 36px #b8651f12}.skill>div:first-child{color:#a88970;justify-content:space-between;align-items:center;font-size:12px;display:flex}.skill svg{color:#b74a09;stroke-width:1.6px;background:#ffe5cc;border-radius:13px;width:42px;height:42px;padding:9px}.skill h3{margin:32px 0 14px;font-size:21px;font-weight:600;line-height:1.5}.skill p{color:#806a57;margin:0;font-size:14px;line-height:1.9}.skill-line{margin-top:auto;padding-top:24px}.skill-line:after{content:"";background:var(--orange);border-radius:9px;width:30px;height:3px;display:block}.contact{background:var(--peach);border-radius:48px 48px 0 0;padding-top:12px;position:relative;overflow:hidden}.contact-bg{pointer-events:none;border:1px solid #efd0b4;border-radius:50%;width:620px;height:620px;position:absolute;top:70px;left:-290px;box-shadow:0 0 0 65px #ffd9b326,0 0 0 130px #ffd9b31a}.contact-wrap{grid-template-columns:1fr 1.05fr;gap:24px 64px;padding-top:66px;display:grid;position:relative}.contact .section-tag{grid-column:1/-1;margin-bottom:8px}.contact-copy{align-self:center;padding:20px 0}.contact-copy>p{color:#a35a27;margin:0 0 20px;font-size:14px}.contact h2{letter-spacing:-.05em;margin:0;font-size:clamp(40px,4.5vw,64px);line-height:1.23}.contact h2 em{color:#c0520a;font-style:normal}.contact-description{color:#89715c;margin-top:22px;font-size:15px;line-height:1.9}.contact-socials{grid-area:2/2/4;align-self:center}.contact-socials-trigger{cursor:zoom-in;background:0 0;border:0;border-radius:24px;width:100%;padding:0;display:block;position:relative}.social-image-frame{background:#fff;border:1px solid #f4dac2;border-radius:24px;padding:10px;overflow:hidden;box-shadow:0 18px 45px #ad5c1910}.social-image-frame img{border-radius:16px;width:100%}.contact-actions{grid-template-columns:1fr;gap:10px;max-width:440px;margin-top:8px;display:grid}.contact-actions a{background:#fff9f0;border:1px solid #e9c9ae;border-radius:16px;grid-template-columns:54px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:18px 20px;transition:background .2s;display:grid}.contact-actions a:hover{background:#fff}.contact-actions span{color:#8d755f;font-size:12px}.contact-actions b{font-size:17px;font-weight:500}.contact-actions svg{color:#b95a17;width:20px}.contact-socials-mobile{display:none}footer{letter-spacing:.06em;color:#977963;border-top:1px solid #e7cbb3;grid-column:1/-1;justify-content:space-between;gap:20px;margin-top:40px;padding:27px 0;font-size:10px;line-height:1.6;display:flex}.qr-hover-zones{z-index:5;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:absolute;inset:10px}.qr-hover-zones>span{position:relative}.qr-hover-zones>span:after{content:"";aspect-ratio:.767;opacity:0;visibility:hidden;pointer-events:none;background-image:url(/social-accounts-combined.png);background-size:300% 100%;border:6px solid #fff;border-radius:18px;width:240px;transition:opacity .2s;position:absolute;bottom:30%;left:50%;transform:translate(-50%);box-shadow:0 14px 35px #73411a35}.qr-hover-zones>span:hover:after{opacity:1;visibility:visible}.qr-lightbox{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;background:#34271fdb;place-items:center;padding:64px;display:grid;position:fixed;inset:0}.qr-lightbox img{object-fit:contain;cursor:default;border-radius:24px;max-width:min(1200px,100%);max-height:calc(100dvh - 128px)}.qr-lightbox-close{color:#6d4327;background:#fffaf5;border:1px solid #efd8c5;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:24px;right:24px}@media (width>=901px) and (width<=1199px){.wrap{width:calc(100% - 64px)}.header{padding-left:32px;padding-right:32px}.header nav{gap:18px}.brand-desktop{font-size:8px}.hero-content{gap:36px}.hero-copy h1{font-size:56px}.hero-visual{height:520px}.hero-portrait{height:395px}.about-grid{grid-template-columns:300px 1fr;gap:40px}.portrait{height:450px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-wrap{gap:24px 36px}}@media (width<=900px){html{scroll-padding-top:78px}.wrap{width:calc(100% - 48px)}.header{min-height:64px;padding:10px 24px}.brand-mobile{font-size:25px}.brand-desktop{font-size:8px}.menu{color:#794923;background:#fff4e8;border:1px solid #f0d9c5;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.header nav{border-bottom:1px solid var(--line);background:#fffaf5;padding:14px 24px 24px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 18px 26px #71411312}.header nav.open{flex-direction:column;align-items:stretch;gap:4px;display:flex}.header nav>a:not(.nav-cta){padding:14px 8px}.header nav .nav-cta{align-self:flex-start;margin-top:8px}.hero{padding:40px 0 56px}.hero-content{grid-template-columns:1fr 1fr;gap:28px}.hero-copy h1{font-size:44px}.hero-copy>p{font-size:14px}.hero-description{font-size:15px}.hero-actions{flex-wrap:wrap;gap:18px}.hero-topics{gap:6px}.hero-visual{height:490px}.hero-portrait{width:80%;height:365px;top:45px}.hero-photo-note{padding:18px;bottom:16px;left:16px;right:16px}.hero-photo-note strong{font-size:16px}.hero-location{top:16px;right:16px}.about-grid{grid-template-columns:260px minmax(0,1fr);gap:32px}.portrait{height:400px}.bio .lead{font-size:16px}.bio p{font-size:14px}.section{padding:72px 0}.section-heading,.skills-head{gap:35px}.job{grid-template-columns:34px minmax(0,1fr);gap:10px 18px;padding:26px}.job time,.job-main{grid-column:2}.job-title{flex-direction:column;gap:5px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-wrap{gap:24px 32px}.contact-description br,.qr-hover-zones{display:none}.contact h2{font-size:42px}.contact-description{font-size:14px}}@media (width<=600px){html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}.wrap{width:calc(100% - 40px)}.header{min-height:64px;padding:10px 20px}.brand-desktop{white-space:normal;max-width:235px;font-size:8px;line-height:1.35}.hero{padding:28px 0 45px}.hero-content{grid-template-columns:1fr;gap:30px}.hero-copy{padding:0}.hero-eyebrow{padding:8px 13px;font-size:11px}.hero-copy h1{margin:22px 0 16px;font-size:clamp(39px,10.5vw,58px);line-height:1.15}.hero-copy>p{margin-bottom:17px;font-size:15px}.hero-description{font-size:16px;line-height:1.7}.hero-actions{gap:20px;margin-top:23px}.primary{min-height:50px;padding:15px 22px;font-size:15px}.secondary{font-size:14px}.hero-topics{gap:7px;margin-top:24px}.hero-topics span{padding:8px 11px;font-size:11px}.hero-visual{border-radius:26px;height:460px}.hero-portrait{border-radius:160px 160px 22px 22px;width:72%;height:354px;top:32px}.hero-orbit{width:420px;height:420px}.hero-photo-note{padding:17px 20px;bottom:16px;left:16px;right:16px}.hero-photo-note strong{font-size:17px}.hero-location{padding:8px 10px;font-size:11px}.section{padding:55px 0}.section-tag{margin-bottom:26px;font-size:11px}.section-tag span{width:28px;height:28px;font-size:11px}.about-grid{grid-template-columns:1fr;gap:28px}.portrait{border-radius:24px;height:240px}.portrait img{object-position:65% 50%}.portrait-label{font-size:13px;bottom:20px;left:20px}.bio h2{margin-bottom:22px;font-size:clamp(31px,8.6vw,42px)}.bio p,.bio .lead{font-size:16px;line-height:1.9}.stats{border-radius:20px;margin-top:30px;padding:21px 0}.stats>div{padding:0 12px}.stats strong{white-space:nowrap;font-size:28px}.stats strong span{margin-left:3px;font-size:12px}.stats p{margin-top:8px;font-size:11px;line-height:1.7}.section-heading,.skills-head{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.section-heading h2,.skills-head h2{font-size:33px}.section-heading p,.skills-head p{font-size:16px;line-height:1.85}.job{border-radius:20px;gap:7px 12px;padding:22px 20px}.job-index{width:28px;height:28px}.job time{padding-top:5px;font-size:13px}.job-main{grid-column:1/-1;margin-top:8px}.job-title h3{font-size:22px}.job-title span{font-size:13px;line-height:1.6}.job-main>p,.job li,.result{font-size:15px}.result{border-radius:14px;margin-top:16px;padding:16px}.skill-grid{grid-template-columns:1fr;gap:14px}.skill{border-radius:20px;min-height:0;padding:24px}.skill h3{margin:24px 0 12px;font-size:22px}.skill p{font-size:16px;line-height:1.85}.skill-line{margin-top:0}.contact{border-radius:30px 30px 0 0}.contact-wrap{flex-direction:column;gap:0;padding-top:43px;display:flex}.contact .section-tag{margin-bottom:26px}.contact-copy{width:100%;padding:0}.contact-copy>p{margin-bottom:16px;font-size:13px}.contact h2{font-size:42px}.contact-description{margin-top:20px;font-size:16px;line-height:1.8}.contact-actions{order:1;width:100%;max-width:none;margin:25px 0 30px}.contact-actions a{padding:17px 18px}.contact-socials{display:none}.contact-socials-mobile{order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.social-mobile-card{aspect-ratio:.767;background:#fff;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 8px 20px #a3511210}.social-mobile-card img{object-fit:fill;width:300%;max-width:none;height:100%;position:absolute;top:0}.social-mobile-card-1 img{left:0}.social-mobile-card-2 img{left:-100%}.social-mobile-card-3 img{left:-200%}footer{flex-direction:column;order:3;gap:7px;margin-top:35px;padding:24px 0;font-size:9px}.qr-lightbox{padding:20px}.qr-lightbox img{border-radius:16px;max-height:calc(100dvh - 120px)}.qr-lightbox-close{top:16px;right:16px}.hero-actions,.hero-eyebrow{display:none}.hero-copy h1{margin-top:0}}@media (width<=360px){.wrap{width:calc(100% - 32px)}.header{padding-left:16px;padding-right:16px}.brand-desktop{max-width:210px}.hero-copy h1{font-size:37px}.hero-actions{gap:16px}.hero-visual{height:425px}.hero-portrait{height:320px}.stats>div{padding:0 8px}.stats strong{font-size:25px}.stats p{font-size:10px}.contact h2{font-size:37px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}.hero-ocean{transform:none}.reveal{opacity:1}}@media (width<=600px){.social-mobile-card{aspect-ratio:auto;cursor:zoom-in;border:1px solid #eed4be;flex-direction:column;align-self:stretch;padding:0;display:flex}.social-mobile-card img{aspect-ratio:3/4;object-fit:contain;background:#fff;width:100%;max-width:100%;height:auto;display:block;position:static}.social-mobile-card span{color:#8a5129;background:#fffaf5;flex:1;padding:8px 2px;font-size:10px;line-height:1.5;display:block}.qr-lightbox img{width:auto;max-width:100%}}.header nav>a:not(.nav-cta):after{content:"";background:var(--orange);transform-origin:0;border-radius:2px;height:2px;transition:transform .22s;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.header nav>a:not(.nav-cta):hover:after,.header nav>a:not(.nav-cta):focus-visible:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.header nav>a:not(.nav-cta):after{transition:none}}.cartoon-portrait img{object-position:center top}.cartoon-portrait:after{display:none}.cartoon-portrait .portrait-label{color:#754827;text-align:center;background:#fffaf5f0;border-radius:14px;padding:13px 10px;bottom:20px;left:16px;right:16px;box-shadow:0 6px 20px #94542112}@media (width<=600px){.cartoon-portrait{display:none}}.job-index,.job time{align-self:center}.job time{padding-top:0}.section{padding-top:50px}.hero{padding-top:28px}.contact{padding-top:6px}.contact-wrap{padding-top:33px}@media (width<=900px){.section{padding-top:36px}.hero{padding-top:20px}}@media (width<=600px){.section{padding-top:27.5px}.hero{padding-top:14px}.contact-wrap{padding-top:21.5px}}@media (width>=901px){.contact-actions{grid-template-columns:1fr;max-width:440px}.contact-actions a{grid-template-columns:34px minmax(0,1fr) 18px;gap:6px;padding:14px 12px}.contact-actions b{font-size:15px}.contact-actions svg{width:18px}.contact footer{margin-top:8px}.contact{flex-direction:column;min-height:calc(100dvh - 68px);scroll-margin-top:-16px;display:flex}.contact-wrap{flex:1;grid-template-rows:auto 1fr auto auto}.hero{align-items:center;min-height:calc(100dvh - 68px);scroll-margin-top:-16px;display:flex}.contact-socials-trigger{transform-origin:50%;transform:translate(-70px)scale(1.22472)}}.qr-hover-zones>span:after{transform-origin:50%;background-color:#fff;background-repeat:no-repeat;top:50%;bottom:auto;transform:translate(-50%,-50%)}.qr-hover-zones>span:first-child:after{background-position:-8px 4px}.qr-hover-zones>span:nth-child(2):after{background-position:calc(50% - 10px)}.qr-hover-zones>span:last-child:after{background-position:calc(100% - 4px) 2px}@media (width<=600px){.contact-socials-mobile{order:1;margin-top:25px}.contact-actions{order:2;margin:25px 0 0}}.social-douyin-white{aspect-ratio:3/4;background:#fff;width:100%;position:relative;overflow:hidden}.social-douyin-white img{aspect-ratio:auto!important;object-fit:fill!important;width:300%!important;max-width:none!important;height:100%!important;max-height:none!important;display:block!important;position:absolute!important;inset:1.667% auto auto -3.333%!important}.qr-douyin-white{aspect-ratio:1530/1995;border-radius:16px;width:min(360px,100%);max-height:calc(100dvh - 120px)}.qr-douyin-white img{border-radius:0}