:root{--ink:#171914;--paper:#eee9db;--cream:#f6f0df;--green:#76985e;--green-deep:#274833;--acid:#d9e565;--yellow:#e7cf66;--blue:#8eb4c9;--pink:#d69b9b}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#121411;color:var(--ink);font-family:Songti SC,STSong,"Noto Serif SC",Georgia,serif}button,a{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}img{display:block}.portfolio-home{min-height:100svh;overflow:hidden;position:relative;isolation:isolate}.paper-grain{position:fixed;inset:0;z-index:300;pointer-events:none;opacity:.28;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.cover{min-height:100svh;position:relative;overflow:hidden;background:#d8d1bf}.cover:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.42;background-image:repeating-linear-gradient(0deg,rgba(88,74,48,.035) 0,rgba(88,74,48,.035) 1px,transparent 1px,transparent 4px),radial-gradient(circle at 18% 22%,rgba(255,255,255,.38),transparent 28%),radial-gradient(circle at 82% 73%,rgba(95,75,42,.13),transparent 34%);mix-blend-mode:multiply}.cover-photo{position:absolute;inset:0 0 43%;background:linear-gradient(#e7e1d12e,#58564733),url(/portfolio/photo-tree.jpg) center 44%/cover;filter:grayscale(1) contrast(1.02) sepia(.22)}.cover-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(232,226,210,.22),transparent 22%,transparent 75%,rgba(34,39,30,.14))}.cover-green{position:absolute;inset:43% 0 0;background-color:#849b6f;background-image:radial-gradient(rgba(244,239,219,.5) 1px,transparent 1.4px),linear-gradient(115deg,rgba(226,210,141,.18),transparent 46%,rgba(42,82,57,.2)),repeating-linear-gradient(4deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 5px);background-size:9px 9px,100% 100%,100% 100%}.cover-green:before{content:"";position:absolute;inset:-18px 0 auto;height:30px;background:var(--green);clip-path:polygon(0 50%,2% 16%,5% 70%,8% 28%,11% 68%,15% 22%,19% 58%,24% 24%,28% 74%,33% 20%,37% 60%,42% 28%,47% 66%,52% 18%,57% 64%,63% 24%,69% 68%,75% 20%,81% 60%,87% 28%,93% 70%,100% 34%,100% 100%,0 100%)}.lotus-moon{position:absolute;z-index:3;right:12%;top:8%;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;color:#f2eeddd1;font:80px/1 Georgia,serif;transform:rotate(-21deg);opacity:.75}.leaf-cutout{position:absolute;z-index:2;width:30vw;height:34vw;min-width:260px;min-height:300px;right:-7%;bottom:-6%;background:#efe9d8cc;clip-path:polygon(52% 0,64% 28%,100% 20%,74% 47%,94% 70%,65% 62%,58% 100%,45% 66%,12% 93%,33% 56%,0 44%,39% 39%);transform:rotate(11deg)}.cover-window{margin:0;position:absolute;z-index:5;background:#eee7d5;padding:9px;box-shadow:0 8px 18px #0e140e29,inset 0 0 0 1px #4d412b14}.cover-window img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.06)}.cover-window-main{width:clamp(270px,36vw,550px);height:clamp(185px,32vh,350px);left:7%;top:31%;transform:rotate(-2.5deg);clip-path:polygon(2% 3%,98% 0,100% 96%,4% 100%,0 28%)}.cover-window-main img{object-position:52% 28%}.cover-window-small{width:clamp(125px,13vw,195px);height:clamp(155px,25vh,250px);left:43%;top:38%;transform:rotate(3deg);padding:7px}.cover-window-small img{object-position:center 48%}.cover-person{position:absolute;z-index:8;margin:0;padding:0;width:clamp(235px,27vw,440px);height:68vh;right:4%;bottom:-5%;border:0;background:transparent;cursor:pointer}.cover-person span{position:absolute;inset:5% -1% 1% 3%;background-color:#d8d1bd;background-image:repeating-linear-gradient(0deg,rgba(42,52,39,.075) 0,rgba(42,52,39,.075) 1px,transparent 1px,transparent 18px),linear-gradient(105deg,#f6f1e0b8,#aeb98f94);clip-path:polygon(6% 7%,21% 4%,35% 7%,48% 2%,61% 6%,76% 2%,93% 9%,90% 26%,98% 42%,92% 57%,100% 77%,94% 97%,75% 94%,59% 99%,41% 95%,24% 99%,7% 92%,10% 72%,2% 55%,8% 38%,1% 19%);transform:rotate(-2deg);box-shadow:0 14px 28px #18201629}.cover-person span:before{content:"";position:absolute;inset:9% 13% 8% -8%;z-index:-1;background:#efe9d6c2;clip-path:polygon(2% 2%,97% 0,100% 92%,84% 96%,64% 93%,46% 100%,27% 95%,0 98%);transform:rotate(5deg);box-shadow:0 5px 16px #191f171f}.cover-person span:after{content:"PECKY  /  PORTFOLIO  /  2026";position:absolute;left:4%;bottom:9%;color:#2839286b;font:700 8px/1 Arial,sans-serif;letter-spacing:.18em;writing-mode:vertical-rl}.cover-person img{width:100%;height:100%;position:relative;object-fit:contain;object-position:bottom;filter:saturate(.74) contrast(1.05)}.cover-person:focus-visible{outline:0}.cover-person:focus-visible span,.cover-person:hover span{filter:brightness(1.035);transform:rotate(0) translateY(-3px)}.cover-person:focus-visible img,.cover-person:hover img{transform:translateY(-3px);filter:saturate(.86) contrast(1.05)}.cover-person span,.cover-person img{transition:transform .3s ease,filter .3s ease}.person-entry-hint{position:absolute;z-index:9;left:-7%;top:50%;width:104px;padding:9px 12px 8px;background:#eee7d3;color:var(--ink);border:1px solid rgba(33,38,29,.38);box-shadow:3px 4px #1f271d9e;transform:rotate(-5deg);text-align:left;font-style:normal;transition:transform .25s ease,background-color .25s ease}.person-entry-hint:before{content:"";position:absolute;right:calc(100% - 4px);top:50%;width:34px;height:1px;background:var(--ink);transform:rotate(-17deg);transform-origin:right center}.person-entry-hint:after{content:"";position:absolute;left:-29px;top:43%;width:7px;height:7px;border-left:1px solid var(--ink);border-bottom:1px solid var(--ink);transform:rotate(28deg)}.person-entry-hint b{display:block;font:800 9px/1 Arial,sans-serif;letter-spacing:.14em}.person-entry-hint em{display:block;margin-top:5px;font:500 9px/1 Noto Sans SC,sans-serif;font-style:normal;letter-spacing:.12em}.cover-person:hover .person-entry-hint,.cover-person:focus-visible .person-entry-hint{background:#e7d76f;transform:rotate(-1deg) translateY(-3px)}.cover-name{position:absolute;z-index:20;margin:0;left:50%;top:9%;transform:translate(-50%) rotate(-1deg);width:max-content;text-align:center}.name-cn{display:block;padding:5px 26px 10px;background:#f4f0dee6;clip-path:polygon(2% 7%,98% 0,100% 87%,72% 94%,44% 88%,0 100%);font-size:clamp(34px,5vw,72px);font-weight:400;letter-spacing:.18em;text-indent:.18em}.name-en{margin-top:-4px;display:flex;justify-content:center;gap:1px;transform:rotate(1.5deg);filter:drop-shadow(2px 4px 2px rgba(27,31,23,.16))}.name-en i{display:inline-grid;place-items:center;min-width:.82em;padding:.1em .14em .08em;background-color:#e8e1cf;background-image:repeating-linear-gradient(7deg,rgba(83,69,43,.055) 0,rgba(83,69,43,.055) 1px,transparent 1px,transparent 4px);color:#161813;border:1px solid rgba(84,71,48,.18);clip-path:polygon(4% 2%,96% 0,100% 92%,82% 96%,61% 93%,42% 100%,19% 95%,1% 98%,3% 72%,0 48%,4% 24%);box-shadow:inset 0 0 12px #634e2b14;font:900 clamp(24px,3.5vw,54px)/1.05 Georgia,serif;font-style:normal}.name-en i:nth-child(2n){transform:translateY(4px) rotate(-3deg);background-color:#d5cfbe;font-family:Arial,sans-serif}.name-en i:nth-child(3){transform:rotate(4deg);background-color:#eee8d8}.name-en i:nth-child(5){transform:translateY(2px) rotate(2deg);background-color:#c9d0b5}.photo-portals{position:absolute;left:6%;right:36%;bottom:5%;z-index:30;height:clamp(120px,19vh,190px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(20px,3vw,54px);pointer-events:none}.photo-portal{position:absolute;padding:0;border:0;background:#eee7d5;cursor:pointer;pointer-events:auto;box-shadow:0 8px 18px #10180f38,inset 0 0 0 1px #52432814;transition:transform .28s ease,filter .28s ease}.photo-portal:before{content:"";position:absolute;inset:-7px;z-index:-1;background:#f4eedf;clip-path:polygon(3% 2%,17% 5%,31% 0,49% 4%,65% 1%,82% 5%,99% 1%,96% 22%,100% 39%,97% 61%,100% 78%,96% 100%,78% 97%,62% 100%,46% 96%,28% 100%,11% 96%,0 100%,3% 77%,0 61%,4% 42%,0 23%)}.photo-portal img{width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.03) sepia(.05)}.photo-portal b{position:absolute;z-index:3;left:-11px;top:-19px;display:grid;place-items:center;width:38px;height:31px;background:#f1ead8;border-bottom:1px solid rgba(23,25,20,.55);font:500 12px/1 Georgia,serif;transform:rotate(-4deg)}.portal-arrow{position:absolute;z-index:4;right:-24px;top:-26px;width:46px;height:28px;transform:rotate(19deg);pointer-events:none}.portal-arrow:before{content:"";position:absolute;left:0;top:13px;width:41px;height:1px;background:var(--ink);transform:rotate(18deg);transform-origin:right center}.portal-arrow:after{content:"";position:absolute;right:1px;bottom:1px;width:8px;height:8px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);transform:rotate(3deg)}.photo-portal span{position:absolute;opacity:0;left:50%;bottom:10px;transform:translate(-50%,8px);width:max-content;padding:7px 10px;background:#f1ead8;border:1px solid var(--ink);font:700 10px/1 Noto Sans SC,sans-serif;letter-spacing:.08em;transition:.25s ease}.photo-portal:hover,.photo-portal:focus-visible{z-index:10;filter:saturate(1);outline:none}.photo-portal:hover span,.photo-portal:focus-visible span{opacity:1;transform:translate(-50%)}.portal-internship,.portal-campus,.portal-xiaohongshu{position:relative;inset:auto;width:100%;height:100%}.portal-internship{transform:rotate(-3deg)}.portal-internship:hover,.portal-internship:focus-visible{transform:rotate(1deg) scale(1.05)}.portal-internship img{object-fit:cover;object-position:center 54%;background:#d6d1c5}.portal-campus{transform:translateY(-12px) rotate(2deg)}.portal-campus:hover,.portal-campus:focus-visible{transform:rotate(-1deg) scale(1.05)}.portal-campus img{object-position:center 43%}.portal-xiaohongshu{transform:rotate(-2deg)}.portal-xiaohongshu:hover,.portal-xiaohongshu:focus-visible{transform:rotate(-2deg) scale(1.05)}.portal-xiaohongshu img{object-position:center 24%}.collage-modal{position:fixed;inset:0;z-index:200;background:#141712b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px;animation:veil .25s ease both}.collage-page{position:relative;width:min(1180px,96vw);height:min(820px,94svh);overflow:auto;background:var(--paper);box-shadow:0 30px 90px #00000061;animation:page-in .45s cubic-bezier(.18,.78,.2,1) both}.close-collage{position:sticky;float:right;top:20px;right:20px;z-index:50;width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;background:#f4efdee6;cursor:pointer;font:34px/1 Arial,sans-serif;box-shadow:3px 4px 0 var(--ink);transition:transform .2s}.close-collage:hover,.close-collage:focus-visible{transform:rotate(9deg) translate(-2px,-2px);outline:2px solid var(--acid)}.inner-canvas{min-height:100%;position:relative;overflow:hidden;isolation:isolate}.inner-canvas:after{content:"";position:absolute;inset:0;z-index:40;pointer-events:none;opacity:.1;background-image:radial-gradient(#142117 .8px,transparent 1px);background-size:7px 7px;mix-blend-mode:multiply}.inner-title{position:absolute;z-index:20}.inner-title small{display:block;margin-bottom:8px;font:800 9px/1 Arial,sans-serif;letter-spacing:.22em}.inner-title h2{margin:0;font-size:clamp(50px,8vw,104px);font-weight:400;line-height:.9;letter-spacing:-.08em}.inner-title p{margin:13px 0 0;font:600 12px/1.4 Noto Sans SC,sans-serif}.internship-canvas{min-height:780px;background:#9daf72;background-image:linear-gradient(120deg,rgba(227,209,105,.35),transparent 40%,rgba(61,91,62,.28))}.internship-canvas:before{content:"";position:absolute;inset:0 47% 0 0;background:#ebe6d8;clip-path:polygon(0 0,93% 0,100% 8%,95% 17%,100% 29%,94% 41%,99% 55%,93% 68%,98% 79%,92% 91%,96% 100%,0 100%)}.internship-title{left:6%;top:8%}.internship-title p,.xhs-title p{margin-top:15px;font-size:clamp(14px,1.55vw,19px);letter-spacing:.02em}.internship-title p a{text-decoration:none;border-bottom:1px solid rgba(23,25,20,.58);transition:background-color .2s ease}.internship-title p a:hover,.internship-title p a:focus-visible{background:#e7cf66c7;outline:none}.internship-title p span{font-size:inherit}.internship-title p i{font:inherit;font-style:normal}.intern-photo{margin:0;position:absolute;background:#eee8d7;padding:8px;box-shadow:8px 10px #1719142b}.intern-photo img{width:100%;height:100%;object-fit:cover}.photo-ereaders{z-index:4;width:39%;height:44%;right:6%;top:8%;transform:rotate(2deg)}.photo-ereaders img{object-position:center 52%}.photo-work-sample{z-index:5;width:31%;height:29%;right:31%;bottom:7%;transform:rotate(-5deg)}.photo-work-sample img{object-fit:contain;background:#f4f4f4}.paper-stat{position:absolute;z-index:12;display:flex;flex-direction:column;padding:16px 22px;background:var(--cream);border:1px solid rgba(23,25,20,.65);box-shadow:5px 6px 0 var(--ink);transform:rotate(-2deg)}.paper-stat strong{font:900 clamp(42px,6vw,78px)/.9 Arial,sans-serif;letter-spacing:-.08em}.paper-stat span{margin-top:8px;font:600 11px/1 Noto Sans SC,sans-serif}.paper-stat small{margin-top:7px;font:500 8px/1.2 Noto Sans SC,sans-serif;letter-spacing:.02em;opacity:.68}.stat-content{left:7%;top:38%}.stat-growth{left:23%;top:51%;z-index:16;background:var(--yellow);transform:rotate(2deg)}.stat-growth small{position:relative;z-index:2;display:block;white-space:nowrap;opacity:.82}.stat-reports{left:30%;top:70%;background:#d9e3b5;transform:rotate(-1deg)}.intern-notes{position:absolute;z-index:10;left:7%;bottom:5%;width:21%}.intern-notes p{margin:0 0 14px;font-size:13px;line-height:1.75}.intern-notes p:first-child{font-size:23px;font-style:normal}.privacy-slip{position:absolute;z-index:14;right:4%;bottom:4%;width:34%;padding:14px 18px;background:#222a21;color:#f3efdf;transform:rotate(1.5deg);font:500 10px/1.75 Noto Sans SC,sans-serif}.ink-word{position:absolute;z-index:3;right:2%;top:52%;color:#21483054;font:900 clamp(48px,7vw,92px)/.72 Arial,sans-serif;letter-spacing:-.08em;text-align:right;transform:rotate(-6deg)}.campus-canvas{min-height:780px;background:#e3cd68}.campus-canvas:before{content:"";position:absolute;inset:0 0 0 54%;background:#88aab8;clip-path:polygon(4% 0,100% 0,100% 100%,0 100%,5% 87%,0 72%,7% 59%,1% 43%,7% 29%,0 12%)}.campus-title{left:5%;top:7%}.campus-photo{margin:0;position:absolute;z-index:4;padding:8px;background:#f0ead9;box-shadow:7px 9px #14191429}.campus-photo img{width:100%;height:100%;object-fit:contain;filter:saturate(.82) contrast(1.02);background:#f5f1e6}.campus-tree{width:29%;height:53%;left:35%;top:17%;transform:rotate(-3deg)}.campus-flowers{width:22%;height:37%;right:5%;bottom:4%;transform:rotate(4deg)}.campus-scrap{position:absolute;z-index:12;padding:18px 20px;background:var(--cream);clip-path:polygon(1% 3%,98% 0,100% 92%,87% 97%,68% 94%,48% 100%,29% 95%,2% 100%);box-shadow:0 7px 12px #14191421}.campus-scrap span{display:block;font-size:clamp(23px,3vw,38px);margin-bottom:9px}.campus-scrap p{margin:0;font:500 10.5px/1.65 Noto Sans SC,sans-serif}.campus-scrap a{color:inherit;text-decoration:none}.scrap-literature{width:29%;left:4%;top:31%;transform:rotate(-2deg)}.scrap-party{width:29%;left:5%;bottom:5%;background:#d9e3b5;transform:rotate(2deg)}.scrap-admission{width:29%;right:4%;top:15%;background:#f0c4b1;transform:rotate(-2deg)}.literature-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.literature-links a{display:block;margin:0;padding:7px 8px 6px;border:1px solid rgba(23,25,20,.58);background:#e7dcbd;font:700 9px/1.25 Noto Sans SC,sans-serif;transform:rotate(-1deg);transition:transform .18s ease,background-color .18s ease}.literature-links a:nth-child(2n){background:#dbe5b9;transform:rotate(1deg)}.literature-links a:nth-child(3){grid-column:span 2;width:72%;justify-self:center}.literature-links a:hover,.literature-links a:focus-visible{background:var(--yellow);transform:translateY(-2px) rotate(0);outline:1px solid var(--ink)}.campus-stamp{position:absolute;z-index:8;left:42%;bottom:5%;border:3px double var(--ink);padding:12px;border-radius:50%;color:#1419148c;font:900 13px/1.1 Arial,sans-serif;text-align:center;transform:rotate(-12deg)}.xhs-canvas{min-height:800px;background:#f0eadc}.xhs-canvas:before{content:"";position:absolute;width:55%;height:100%;right:0;top:0;background-color:#89a66e;background-image:radial-gradient(rgba(243,239,220,.55) 1px,transparent 1.4px);background-size:9px 9px;clip-path:polygon(11% 0,100% 0,100% 100%,1% 100%,8% 89%,2% 76%,9% 63%,3% 48%,10% 34%,2% 18%)}.xhs-title{left:5%;top:6%}.xhs-stats{position:absolute;z-index:14;left:5%;top:31%;display:flex;flex-direction:column;gap:5px;transform:rotate(-2deg)}.xhs-stats span{display:flex;align-items:baseline;gap:8px;width:max-content;padding:5px 11px;background:#e8d779;font:600 10px/1 Noto Sans SC,sans-serif}.xhs-stats span:nth-child(2){margin-left:22px;background:#d9bea6}.xhs-stats span:nth-child(3){margin-left:8px;background:#a9c1cb}.xhs-stats strong{font:900 25px/1 Arial,sans-serif}.xhs-shot{margin:0;position:absolute;z-index:8;padding:8px 8px 30px;background:#f8f3e6;box-shadow:8px 9px #1519142b}.xhs-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.shot-one{width:22%;height:63%;left:34%;bottom:4%;transform:rotate(-5deg)}.shot-two{width:21%;height:59%;left:55%;top:9%;transform:rotate(3deg)}.shot-three{width:20%;height:55%;right:3%;bottom:5%;transform:rotate(-2deg)}.xhs-note{position:absolute;z-index:16;left:6%;bottom:11%;margin:0;padding:17px 20px;background:#f1ebdc;clip-path:polygon(2% 2%,99% 0,96% 95%,70% 91%,44% 98%,0 93%);font-size:15px;line-height:1.8;transform:rotate(1deg)}.route-line{position:absolute;z-index:3;left:5%;bottom:29%;width:24%;height:18%;border:3px dashed var(--green-deep);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(18deg)}.route-dot{position:absolute;z-index:5;width:16px;height:16px;border-radius:50% 50% 50% 0;background:#c95049;transform:rotate(-45deg)}.dot-a{left:8%;bottom:27%}.dot-b{left:27%;bottom:40%}.education-canvas{min-height:820px;background-color:#d9d1bd;background-image:linear-gradient(112deg,rgba(232,213,118,.5),transparent 33%),linear-gradient(288deg,rgba(73,106,74,.42),transparent 47%),repeating-linear-gradient(0deg,rgba(74,61,39,.04) 0,rgba(74,61,39,.04) 1px,transparent 1px,transparent 5px)}.education-canvas:before{content:"";position:absolute;inset:0 0 auto;height:24%;background:#7c946a;clip-path:polygon(0 0,100% 0,100% 83%,92% 91%,82% 86%,70% 96%,57% 88%,44% 97%,31% 87%,18% 95%,7% 86%,0 92%)}.education-title{left:5.5%;top:4.2%;color:#f6f0df}.education-title small{opacity:.78}.education-title h2{font-size:clamp(54px,7vw,94px)}.education-grid{position:absolute;z-index:8;inset:18% 5% 4.5%;display:grid;grid-template-columns:.94fr 1.06fr;gap:3.8%;align-items:start}.edu-card{position:relative;z-index:1;min-height:545px;padding:34px 38px 38px;background-color:#f2ecdc;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(45,58,42,.035) 31px,rgba(45,58,42,.035) 32px);box-shadow:10px 12px #222a1f33;border:1px solid rgba(66,57,40,.2)}.edu-card:before{content:"";position:absolute;z-index:2;width:76px;height:18px;top:-8px;left:50%;background:#e5cf74d1;box-shadow:0 1px #483d291f;transform:translate(-50%) rotate(-2deg)}.edu-card:after{position:absolute;right:24px;bottom:17px;color:#2748331f;font:900 46px/1 Georgia,serif;letter-spacing:-.05em}.edu-graduate:after{content:"M.A."}.edu-undergraduate:after{content:"B.A."}.edu-graduate{transform:rotate(-1.1deg);clip-path:polygon(1% 1%,98% 0,100% 96%,87% 98%,71% 96%,55% 100%,38% 97%,20% 100%,0 97%)}.edu-undergraduate{transform:translateY(42px) rotate(.9deg);background-color:#e9e1cb;clip-path:polygon(0 2%,16% 0,31% 3%,48% 0,66% 2%,82% 0,100% 3%,98% 97%,84% 95%,68% 100%,51% 96%,34% 99%,17% 96%,1% 100%)}.edu-undergraduate:before{background:#9eb587bf;transform:translate(-50%) rotate(2deg)}.edu-heading{position:relative;border-top:1px solid rgba(23,25,20,.16);border-bottom:1px solid rgba(23,25,20,.42);padding:18px 0 19px}.edu-heading h3{margin:0;font-size:clamp(29px,3.4vw,46px);font-weight:400;line-height:1.12;letter-spacing:-.035em}.edu-date{position:absolute;right:-7px;top:-13px;margin:0;padding:6px 9px;background:#d8e0b5;border:1px solid rgba(51,65,46,.16);font:700 9px/1 Arial,sans-serif;letter-spacing:.04em;transform:rotate(2deg)}.edu-program{margin:12px 0 0;font:600 12px/1.5 Noto Sans SC,sans-serif;letter-spacing:.04em}.edu-rank{width:max-content;max-width:100%;margin:10px 0 0;padding:5px 9px;background:#e4ce68;font:700 10px/1.2 Arial,Noto Sans SC,sans-serif;transform:rotate(-1deg)}.edu-details{margin:21px 0 17px;padding:0 2px}.edu-details h4,.edu-awards h4,.edu-outputs h4{display:inline-block;margin:0 0 9px;padding:5px 9px;background:#789067;color:#f7f1df;font:700 10px/1 Noto Sans SC,sans-serif;letter-spacing:.14em;transform:rotate(-1deg)}.edu-details p,.edu-awards p,.edu-outputs p{font:500 11px/1.78 Noto Sans SC,sans-serif}.edu-details p,.edu-awards p,.edu-outputs p{margin:0}.edu-awards{margin:19px 3px 0 -5px;padding:18px 20px 19px;background:#d6e0b2;border-left:3px solid #6e875f;box-shadow:4px 5px #2a3a2a17;transform:rotate(-.7deg)}.edu-awards h4{background:#2d4b35}.edu-outputs{margin:24px -4px 0 4px;padding:18px 20px;background:#e5cf74;border-top:1px solid rgba(61,55,34,.25);box-shadow:-4px 5px #4e40201a;transform:rotate(.8deg)}.edu-outputs h4{background:#2d4b35}.edu-outputs a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(23,25,20,.55);transition:background-color .2s ease}.edu-outputs a:hover,.edu-outputs a:focus-visible{background:#f6f0dfbd;outline:none}.edu-outputs a i{font-style:normal}.education-marginalia{position:absolute;z-index:2;left:1.5%;bottom:3%;margin:0;color:#25432e33;font:900 clamp(48px,7vw,92px)/.72 Arial,sans-serif;letter-spacing:-.08em;transform:rotate(-90deg) translateY(100%);transform-origin:left bottom}@keyframes veil{0%{opacity:0}}@keyframes page-in{0%{opacity:0;transform:translateY(30px) rotate(.5deg) scale(.98)}}@media(max-width:760px){.portfolio-home{overflow:auto}.cover{min-height:max(760px,100svh)}.cover-photo{inset:0 0 45%}.cover-green{inset:45% 0 0}.cover-name{top:4.5%}.name-cn{font-size:38px}.name-en i{font-size:27px}.cover-person{width:min(240px,59vw);height:47vh;right:-48px;bottom:8px}.person-entry-hint{left:-1%;top:43%;width:92px;padding:8px 9px}.cover-window-main{width:62vw;height:25vh;left:4%;top:29%}.cover-window-small{width:29vw;height:145px;left:57%;top:37%}.photo-portals{left:6%;right:36%;bottom:28px;height:106px;gap:12px}.portal-internship,.portal-campus,.portal-xiaohongshu{width:100%;height:100%}.portal-campus{transform:translateY(-8px) rotate(2deg)}.photo-portal span{opacity:1;bottom:6px;padding:5px 6px;transform:translate(-50%);font-size:8px;white-space:nowrap}.photo-portal b{left:-7px;top:-16px;width:31px;height:27px;font-size:10px}.portal-arrow{right:-17px;top:-22px;width:36px;transform:scale(.82) rotate(19deg)}.lotus-moon{display:none}.collage-modal{padding:0}.collage-page{width:100%;height:100svh;overscroll-behavior:contain}.close-collage{top:14px;right:14px;width:42px;height:42px;margin-bottom:-42px}.inner-canvas{min-height:0;overflow:hidden;padding:86px 20px 54px}.inner-title{position:relative;inset:auto}.inner-title h2{font-size:56px}.internship-canvas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;background-image:linear-gradient(140deg,#ebe6d8 0 47%,transparent 47%),linear-gradient(120deg,rgba(227,209,105,.35),transparent 65%,rgba(61,91,62,.28))}.internship-canvas:before{display:none}.internship-title{grid-column:1/-1;order:1}.intern-photo,.paper-stat,.intern-notes,.privacy-slip{position:relative;inset:auto;width:auto}.photo-ereaders{grid-column:1/-1;order:2;height:245px;right:auto;top:auto;transform:rotate(1.2deg)}.paper-stat{order:3;min-width:0;padding:14px 16px;align-self:start}.paper-stat strong{font-size:46px}.stat-content,.stat-growth,.stat-reports{left:auto;top:auto}.stat-content{transform:rotate(-1.5deg)}.stat-growth{transform:rotate(1.5deg)}.stat-reports{grid-column:1/-1;justify-self:center;transform:rotate(-1deg)}.intern-notes{grid-column:1/-1;order:4;padding:18px 20px 10px;background:#f6f0dfe8;transform:rotate(-.6deg)}.intern-notes p{font-size:12px}.intern-notes p:first-child{font-size:22px}.photo-work-sample{grid-column:1/-1;order:5;height:230px;right:auto;bottom:auto;transform:rotate(-2deg)}.privacy-slip{grid-column:1/-1;order:6;padding:15px 18px;right:auto;bottom:auto}.ink-word{right:-8px;top:54%;font-size:50px;opacity:.62}.campus-canvas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;background:linear-gradient(#e3cd68 0 43%,#88aab8 43%)}.campus-canvas:before{display:none}.campus-title{grid-column:1/-1;order:1}.campus-photo,.campus-scrap{position:relative;inset:auto;width:auto}.campus-tree{order:2;height:245px;left:auto;top:auto;transform:rotate(-2deg)}.campus-flowers{order:2;height:245px;right:auto;bottom:auto;transform:rotate(2deg)}.scrap-literature,.scrap-party,.scrap-admission{grid-column:1/-1;width:auto;inset:auto}.scrap-literature{order:3;transform:rotate(-1deg)}.scrap-party{order:4;transform:rotate(1deg)}.scrap-admission{order:5;transform:rotate(-.7deg)}.campus-scrap p{font-size:11px;line-height:1.75}.literature-links a{min-height:38px;display:grid;place-items:center;font-size:9px}.campus-stamp{position:relative;grid-column:1/-1;order:6;left:auto;right:auto;bottom:auto;justify-self:end}.xhs-canvas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;background:linear-gradient(#f0eadc 0 31%,#89a66e 31%)}.xhs-canvas:before{display:none}.xhs-title{grid-column:1/-1;order:1}.xhs-stats{position:relative;inset:auto;grid-column:1/-1;order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;transform:rotate(-1deg)}.xhs-stats span,.xhs-stats span:nth-child(2),.xhs-stats span:nth-child(3){margin:0;width:auto;min-width:0;padding:8px 6px;flex-direction:column;gap:4px;align-items:flex-start;line-height:1.25}.xhs-stats strong{font-size:22px}.xhs-note{position:relative;inset:auto;grid-column:1/-1;order:3;font-size:12px;padding:16px 18px}.xhs-shot{position:relative;width:auto;height:360px;inset:auto}.shot-one{order:4;transform:rotate(-2deg)}.shot-two{order:4;transform:rotate(2deg)}.shot-three{grid-column:1/-1;order:5;width:68%;height:390px;justify-self:center;transform:rotate(-1deg)}.route-line,.route-dot{display:none}.education-canvas{min-height:0;padding:86px 20px 72px}.education-canvas:before{height:205px}.education-title{position:relative;inset:auto;margin-bottom:58px}.education-title h2{font-size:56px}.education-grid{position:relative;inset:auto;display:grid;grid-template-columns:1fr;gap:38px}.edu-card{width:100%;min-height:0;padding:31px 25px 36px}.edu-card:before{width:68px}.edu-undergraduate{margin-top:0;transform:rotate(.7deg)}.edu-heading{padding-top:18px}.edu-date{right:-3px;top:-13px}.edu-details p,.edu-awards p,.edu-outputs p{font-size:11.5px;line-height:1.8}.edu-awards,.edu-outputs{margin-top:20px;padding:17px 18px}.education-marginalia{display:none}}@media(max-width:430px){.cover{min-height:max(720px,100svh)}.cover-window-main{left:3%;top:30%;width:63vw;height:23vh}.cover-window-small{left:58%;top:39%;width:27vw;height:128px}.cover-person{width:54vw;right:-52px;height:44vh}.person-entry-hint{left:0;top:40%;width:80px;padding:7px 8px}.person-entry-hint b,.person-entry-hint em{font-size:8px}.photo-portals{left:5%;right:37%;bottom:24px;height:94px;gap:10px}.photo-portal span{font-size:7px;padding:4px}.inner-canvas{padding-left:16px;padding-right:16px}.inner-title h2,.education-title h2{font-size:50px}.paper-stat{padding:12px 15px}.paper-stat strong{font-size:43px}.intern-notes p{font-size:11px}.privacy-slip{font-size:9px}.campus-scrap{padding:15px}.campus-scrap p{font-size:10px}.campus-tree,.campus-flowers{height:220px}.xhs-shot{height:330px}.shot-three{width:74%;height:370px}.edu-heading h3{font-size:31px}.edu-program{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}