:root{--ink:#263238;--muted:#687475;--cream:#fffaf0;--paper:#fffdf7;--orange:#ff7657;--yellow:#ffd85c;--mint:#9ddfc9;--blue:#77c8de;--line:#263238}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f0e4;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif}.page-shell{max-width:1440px;margin:auto;background:var(--cream);overflow:hidden;box-shadow:0 0 70px rgba(49,54,51,.08)}a{color:inherit}.topbar{height:86px;padding:0 clamp(22px,6vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--line);background:rgba(255,250,240,.95);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:1px}.brand span{display:grid;place-items:center;width:43px;height:43px;border:2px solid var(--line);border-radius:50%;background:var(--yellow);font:900 14px/1 Arial;box-shadow:3px 3px 0 var(--line)}.nav-links{display:flex;gap:38px}.nav-links a{text-decoration:none;font-size:14px;font-weight:700;position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:3px;background:var(--orange);transition:.2s}.nav-links a:hover:after{right:0}.profile-hero{min-height:700px;padding:82px clamp(28px,7vw,110px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;position:relative;background:radial-gradient(circle at 80% 30%,rgba(255,216,92,.18),transparent 25%),linear-gradient(110deg,#fffaf0 65%,#e2f3e9 65%)}.profile-copy{position:relative;z-index:2;max-width:630px}.hello{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;padding:9px 16px;border:2px solid var(--line);border-radius:99px;background:#fff;font-size:14px;font-weight:800;box-shadow:3px 3px 0 var(--line)}.hello span{font-size:20px}h1{margin:0;font-size:clamp(66px,8vw,112px);line-height:.95;letter-spacing:-5px}h1 span{position:relative;color:var(--orange);font-family:KaiTi,STKaiti,serif;margin-left:15px}h1 span:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:12px;background:var(--yellow);z-index:-1;transform:rotate(-2deg)}.tagline{margin:24px 0 18px;font-size:clamp(28px,3.3vw,47px);font-weight:900;line-height:1.25;letter-spacing:1px}.bio{max-width:560px;margin:0;color:var(--muted);font-size:17px;line-height:1.9}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 30px}.chips span{padding:8px 12px;border:1.5px solid var(--line);border-radius:8px;background:#fff;font-size:13px;font-weight:700}.primary-button{display:inline-flex;align-items:center;gap:16px;padding:15px 22px;background:var(--orange);color:#fff;border:2px solid var(--line);border-radius:10px;text-decoration:none;font-weight:900;box-shadow:5px 5px 0 var(--line);transition:.2s}.primary-button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--line)}.primary-button b{font-size:22px}.portrait-wrap{width:min(460px,100%);aspect-ratio:1;justify-self:center;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:2px dashed var(--line);border-radius:50%}.orbit-one{inset:4%;transform:rotate(12deg)}.orbit-two{inset:13%;border-color:#6cb69e;transform:rotate(-18deg)}.portrait{width:260px;height:330px;position:relative;overflow:hidden;border:3px solid var(--line);border-radius:48% 48% 28px 28px;background:#9ddfc9;box-shadow:12px 12px 0 var(--yellow);z-index:2}.hair{position:absolute;z-index:3;left:48px;top:38px;width:165px;height:100px;background:#263238;border-radius:52% 48% 35% 30%;transform:rotate(-4deg)}.hair:after{content:"";position:absolute;right:-4px;top:58px;width:42px;height:56px;background:#263238;border-radius:0 80% 70% 50%;transform:rotate(-20deg)}.face{position:absolute;z-index:4;left:60px;top:78px;width:145px;height:150px;background:#ffd7bb;border:2px solid var(--line);border-radius:45% 45% 49% 49%}.eye{position:absolute;top:65px;width:10px;height:14px;background:#263238;border-radius:50%}.eye.left{left:38px}.eye.right{right:38px}.smile{position:absolute;left:59px;top:94px;width:28px;height:15px;border-bottom:3px solid #d56457;border-radius:50%}.shirt{position:absolute;left:36px;bottom:-20px;width:190px;height:125px;padding-top:30px;text-align:center;border:2px solid var(--line);border-radius:50% 50% 0 0;background:#ff7657;color:#fff;font:900 28px Arial}.mini-card{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;padding:11px 14px;background:#fff;border:2px solid var(--line);border-radius:10px;box-shadow:4px 4px 0 var(--line);font-size:25px;animation:float 4s ease-in-out infinite}.mini-card b{font-size:13px}.card-camera{left:-8px;top:100px;transform:rotate(-7deg)}.card-idea{right:-5px;bottom:90px;transform:rotate(6deg);animation-delay:-2s}.doodle{position:absolute;font-family:KaiTi,serif;font-weight:900}.star-one{left:48%;top:13%;font-size:38px;color:var(--orange)}.star-two{left:7%;bottom:8%;font-size:26px;color:#63b197}.spiral{right:4%;top:9%;font-size:46px;color:#e6b938;transform:rotate(20deg)}.about-strip{padding:65px clamp(28px,7vw,110px);background:#263238;color:#fff}.section-kicker{margin:0 0 12px;color:var(--orange);font:900 12px/1 Arial;letter-spacing:3px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.6fr;align-items:center;gap:32px}.about-grid>div{display:flex;align-items:center;gap:16px}.about-grid strong{font:900 39px/1 Arial;color:var(--yellow)}.about-grid p{margin:0;font-weight:800;line-height:1.5}.about-grid blockquote{margin:0;padding-left:35px;border-left:2px solid #5f6b6a;font:700 19px/1.6 KaiTi,serif}.about-grid blockquote span{display:block;color:#94a19f;font:12px/2 Arial}.featured{padding:100px clamp(28px,7vw,110px) 125px;background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.section-heading h2{margin:0;font-size:clamp(37px,5vw,62px);letter-spacing:-2px}.work-count{font:900 14px Arial;padding:9px 13px;border:2px solid var(--line);border-radius:99px;background:var(--yellow)}.project-card{display:grid;grid-template-columns:1.35fr .65fr;border:3px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:12px 12px 0 #b8dfd1}.video-side{min-width:0;background:#25393b}.video-top{height:43px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#f2eee6;border-bottom:3px solid var(--line)}.dot{width:11px;height:11px;border:1.5px solid var(--line);border-radius:50%}.dot.red{background:#ff7657}.dot.yellow{background:#ffd85c}.dot.green{background:#9ddfc9}.video-top small{margin-left:auto;color:#6b7373;font:700 10px Arial;letter-spacing:1px}.video-side video{display:block;width:100%;height:100%;max-height:560px;aspect-ratio:16/9;object-fit:contain;background:#203436}.project-info{padding:clamp(28px,4vw,55px);display:flex;flex-direction:column;justify-content:center}.project-type{margin:0;color:var(--orange);font-size:13px;font-weight:900;letter-spacing:1px}.project-info h3{margin:10px 0 6px;font:900 clamp(52px,6vw,80px)/1 KaiTi,STKaiti,serif}.project-subtitle{margin:0 0 18px;font-size:20px;font-weight:900;line-height:1.5}.project-desc{margin:0;color:var(--muted);line-height:1.8}.poem-note{margin:24px 0;padding:18px 20px;background:#fff8dc;border-left:5px solid var(--yellow)}.poem-note span{font-size:11px;color:#a0792a;font-weight:900}.poem-note p{margin:5px 0 0;font:17px/1.75 KaiTi,STKaiti,serif}.project-tags{display:flex;gap:8px}.project-tags span{padding:6px 9px;border-radius:5px;background:#e7f4ef;font-size:12px;font-weight:700;color:#477869}footer{min-height:190px;padding:45px clamp(28px,7vw,110px);display:flex;align-items:center;gap:25px;background:#ffcf58;border-top:3px solid var(--line)}.footer-mark{display:grid;place-items:center;width:70px;height:70px;border:3px solid var(--line);border-radius:50%;background:#fff;font:900 21px Arial;box-shadow:5px 5px 0 var(--line)}footer p{font-weight:900;line-height:1.5}footer p span{font-size:13px;font-weight:600}footer a{margin-left:auto;font-size:13px;font-weight:900;text-decoration:none;border-bottom:2px solid var(--line)}@keyframes float{50%{margin-top:-10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:900px){.profile-hero{grid-template-columns:1fr;padding-top:65px;background:linear-gradient(160deg,#fffaf0 63%,#e2f3e9 63%)}.portrait-wrap{width:min(400px,90%)}.about-grid{grid-template-columns:repeat(3,1fr)}.about-grid blockquote{grid-column:1/-1;border-left:0;border-top:1px solid #5f6b6a;padding:25px 0 0}.project-card{grid-template-columns:1fr}.video-side video{height:auto}.project-info{padding:38px}}@media(max-width:580px){.topbar{height:72px}.nav-links{display:none}.profile-hero{padding:50px 22px 75px;gap:35px}h1{font-size:68px;letter-spacing:-4px}.tagline{font-size:30px}.bio{font-size:15px}.portrait-wrap{transform:scale(.88);margin:-20px 0}.mini-card{font-size:20px}.about-strip,.featured{padding-left:22px;padding-right:22px}.about-grid{grid-template-columns:1fr 1fr}.about-grid>div:nth-child(3){grid-column:1/-1}.section-heading{align-items:flex-start}.work-count{margin-top:8px}.project-info h3{font-size:55px}footer{flex-wrap:wrap}.footer-mark{width:56px;height:56px}footer a{width:100%;margin-left:0}}