:root{--ink:#2d2c2b;--orange:#ff7300;--cream:#faf7f2;--blue:#0061ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:90px;padding:0 5%;display:flex;align-items:center;gap:32px;background:#faf7f2ed;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;border-bottom:1px solid #e8e3dc}.logo{display:flex;align-items:center;gap:10px;font-weight:700;white-space:nowrap}.logo small{font-size:10px;letter-spacing:1.6px;align-self:flex-end;margin-bottom:8px}.mini-face{font-size:34px;color:var(--orange)}nav{display:flex;gap:30px;margin-left:auto;font-size:14px}nav a:hover{color:var(--orange)}#language{border:1px solid #dad6d0;background:white;border-radius:30px;padding:4px;display:flex;gap:2px}#language span{padding:7px 10px;border-radius:20px;font-size:12px}#language .active{background:var(--ink);color:#fff}.wrap{max-width:1200px;width:90%;margin:auto}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:75px 0 64px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:600;display:flex;gap:9px;align-items:center}.eyebrow i{width:8px;height:8px;background:#01a652;border-radius:50%}h1{font-size:72px;letter-spacing:-3px;line-height:1.14;margin:24px 0}h1 span{color:var(--orange)}.lead{font-size:25px;line-height:1.55;font-weight:600}.bio{font-size:15px;line-height:1.9;color:#69665f;max-width:490px}.button{display:inline-flex;gap:25px;background:var(--blue);color:white;padding:17px 25px;border-radius:40px;margin:18px 0 22px;font-size:15px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.tags{display:flex;gap:8px}.tags span{font-size:12px;border:1px solid #d9d3c9;padding:7px 12px;border-radius:20px}.portrait{position:relative;padding:20px 20px 35px;background:#ffce00;border-radius:180px 180px 35px 35px;transform:rotate(2deg)}.portrait>img{width:100%;height:450px;object-fit:cover;object-position:center 49%;border-radius:160px 160px 20px 20px;display:block}.orbit{position:absolute;font-size:100px;color:var(--orange);top:-25px;right:-35px;z-index:1}.hello{position:absolute;left:-42px;bottom:80px;padding:15px 22px;background:#ffa1cc;border-radius:23px;transform:rotate(-10deg);font-size:21px;font-weight:bold}.hello span{font-size:32px}.photo-label{text-align:center;padding-top:19px;font-size:13px;font-weight:600}.education{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:70px}.education article{background:white;border-radius:24px;display:flex;gap:22px;overflow:hidden;border:1px solid #e9e4dc;padding:18px}.education img{width:125px;object-fit:cover;border-radius:14px}.education h3{font-size:18px;margin:10px 0}.education p{font-size:14px;margin:9px 0}.education small,small{color:#706a62;font-size:12px}.fine{font-size:12px!important;color:#706a62;line-height:1.7}.courses{grid-column:1/-1;font-size:12px;margin:0;color:#706a62}.experience{background:#f0ece5;padding:70px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px;gap:30px}h2{font-size:38px;letter-spacing:-1px;line-height:1.35;margin:14px 0}.section-heading>p{font-size:14px;color:#706a62;max-width:300px;line-height:1.7}.job{display:grid;grid-template-columns:220px 1fr;background:white;margin:22px 0;border-radius:28px;overflow:hidden}.job-photo{position:relative;background:#ffce00;min-height:320px}.job-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.job-content{padding:30px 35px}.job-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.job h3{font-size:25px;margin:0 0 6px}.job .role{margin:13px 0;font-size:14px}.dept{font-size:12px;color:#777}.badge{background:#fff2cf;border-radius:18px;padding:7px 13px;font-size:12px;white-space:nowrap}.job-summary{color:#6c665e;font-size:14px;line-height:1.8}details{border-top:1px solid #ece7e0;margin-top:18px;padding-top:15px}summary{cursor:pointer;font-size:13px;color:var(--blue);padding:4px 0}details p{font-size:14px;line-height:1.9;margin-bottom:20px;color:#635e58}details strong{display:block;color:var(--ink);margin-bottom:3px}.campus{display:grid;grid-template-columns:0.9fr 1.1fr;gap:70px;padding:100px 0;align-items:center}.campus-photo{position:relative;background:#b9caed;padding:20px;border-radius:35px;transform:rotate(-2deg)}.campus-photo img{width:100%;height:440px;object-fit:cover;border-radius:22px;display:block}.campus-photo>span{position:absolute;right:-25px;bottom:-25px;font-size:100px;color:var(--orange)}.role{font-size:16px}.campus-item{display:flex;gap:18px;margin-top:25px}.campus-item>span{font-size:24px;background:#ffce00;border-radius:16px;width:44px;height:44px;flex-shrink:0;text-align:center;line-height:44px}.campus-item h3{margin:0;font-size:17px}.campus-item p{font-size:14px;line-height:1.85;color:#6c665e}.skills{padding:70px 0;background:#fff}.smile{font-size:80px;color:var(--orange);line-height:1}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.skill-grid article{padding:25px 23px;border-radius:22px;background:#f9f4f2}.skill-grid article:nth-child(2){background:#e8f0fc}.skill-grid article:nth-child(3){background:#fff1c6}.skill-grid article:nth-child(4){background:#eee6f7}.skill-grid article>span{font-size:35px}.skill-grid h3{font-size:16px}.skill-grid p{font-size:13px;line-height:1.8}.life-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:25px;margin-top:30px}.project{border:1px solid #eee5da;border-radius:24px;overflow:hidden}.project img{width:100%;height:260px;object-fit:contain;background:#f5f5f5;display:block}.project>div{padding:23px}.project h3{font-size:21px;margin:12px 0}.project p{font-size:13px}.hobbies{background:#ffd2df;border-radius:24px;padding:36px;display:flex;flex-direction:column;justify-content:center}.music{font-size:50px;color:#563773;display:flex;justify-content:space-between;align-items:center}.music span{font-size:105px;color:var(--orange)}.hobbies h3{font-size:25px}.hobbies p{font-size:15px}footer{padding:55px 0;display:flex;justify-content:space-between;align-items:end}footer h2{font-size:26px}footer a{font-size:14px}footer p{font-size:12px;color:#706a62}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}@media(min-width:1600px){.hero{padding-top:100px}}@media(max-width:1000px){nav{gap:16px}.logo small{display:none}.hero{gap:35px}h1{font-size:55px}.portrait>img{height:390px}.education article{display:block}.education img{width:100%;height:150px}.campus{gap:35px}.skill-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){header{height:auto;min-height:78px;flex-wrap:wrap;padding:15px 5%;gap:12px}.logo{font-size:15px}#language{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;font-size:12px;gap:6px}.hero{grid-template-columns:1fr;padding-top:40px;gap:45px}h1{font-size:56px}.lead{font-size:22px}.portrait{max-width:360px;width:90%;margin:auto}.portrait>img{height:370px}.orbit{right:-20px;font-size:75px}.hello{left:-20px}.education{grid-template-columns:1fr;margin-top:15px;gap:15px}.education article{display:flex}.education img{width:90px;height:auto}.education h3{font-size:16px}.courses{line-height:1.8}.section-heading{display:block}h2{font-size:29px}.experience,.skills{padding:45px 0}.job{grid-template-columns:1fr}.job-photo{min-height:220px}.job-photo img{object-position:center 42%}.job-content{padding:25px}.job-top{align-items:start}.job h3{font-size:23px}.badge{font-size:10px}.campus{grid-template-columns:1fr;padding:60px 0}.campus-photo{max-width:360px;margin:auto}.campus-photo img{height:330px}.skill-grid{gap:12px}.skill-grid article{padding:20px 16px}.life-grid{grid-template-columns:1fr}.smile{display:none}footer{display:block;padding:40px 0}footer>div+div{margin-top:25px}html{scroll-padding-top:125px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}