:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#141416;background:#faf9f6;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #3566df;outline-offset:5px}button{color:inherit}p{line-height:1.8}h1,h2,h3,p{margin-top:0}.site{overflow-x:clip}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.menu-bar{position:fixed;inset:0 0 auto;z-index:80;height:42px;background:#a3c3ee70;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid #ffffff24;display:flex;align-items:center;gap:24px;padding:0 26px;font-size:13px}.brand{display:flex;gap:9px;align-items:center;font-weight:650}.brand-avatar{display:grid;place-items:center;width:25px;height:25px;background:#faf7eb;border-radius:50%;font-family:Georgia,serif}.menu-bar nav{display:flex;align-items:center;gap:24px}.menu-bar nav button,.menu-right button{background:none;padding:0}.menu-right{margin-left:auto;display:flex;align-items:center;gap:17px}.language select{border:0;background:transparent;color:inherit;font-size:12px;cursor:pointer;min-height:30px}.desktop{position:relative;min-height:760px;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 95% 88%,#fff1a1b0,transparent 37%),radial-gradient(ellipse at 65% 95%,#ffbcd29e,transparent 40%),radial-gradient(ellipse at 4% 80%,#bce3fd8f,transparent 38%),linear-gradient(180deg,#93baf1,#b2cfff 34%,#deeafd 63%,#fbfaf1)}.sky-cloud{position:absolute;filter:blur(45px);border-radius:50%;pointer-events:none}.cloud-one{width:55%;height:80px;top:12%;left:35%;background:#ffffff32;transform:rotate(-8deg)}.cloud-two{width:25%;height:160px;bottom:16%;left:-8%;background:#fff9e798}.cloud-three{width:20%;height:90px;top:49%;right:-10%;background:#fafafa66}.name-group{position:absolute;top:44%;left:50%;width:fit-content;transform:translate(-50%,-50%)!important;z-index:8;white-space:nowrap}.greeting{position:absolute;top:-53px;left:47%;font-size:27px;transform:rotate(-9deg)}.handwritten{font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-style:italic}.name-selection{position:relative;border:2px solid #46b9fb;padding:6px 16px 10px}.name-selection h1{font-family:Impact,Haettenschweiler,Arial Narrow,Arial Black,sans-serif;font-size:clamp(100px,12.3vw,215px);font-weight:900;letter-spacing:-.045em;line-height:1;margin:0;transform:scaleX(.9);transform-origin:center}.name-selection>i{position:absolute;width:7px;height:7px;background:#f3f6fb;border:1px solid #46b9fb}.name-selection>i:nth-of-type(1){left:-4px;top:-4px}.name-selection>i:nth-of-type(2){right:-4px;top:-4px}.name-selection>i:nth-of-type(3){left:-4px;bottom:-4px}.name-selection>i:nth-of-type(4){right:-4px;bottom:-4px}.role-tag,.skill-tag{position:absolute;display:flex;align-items:center;gap:13px;background:#fbfaf2;box-shadow:0 4px 8px #1e265818;padding:12px 18px 12px 10px;font-size:20px;border-radius:4px;letter-spacing:-.5px}.role-tag{top:-35px;left:-47px;transform:rotate(-11deg)}.role-tag:after{content:"";width:10px;height:38px;border:2px solid #cdd0d6;border-radius:10px;position:absolute;right:20px;top:-22px;transform:rotate(20deg)}.role-symbol{display:grid;place-items:center;border-radius:50%;width:38px;height:38px;background:#9569dd;color:#fff}.skill-tag{right:-16px;bottom:-48px;transform:rotate(9deg);background:#d2e5ae;font-size:19px}.skill-tag>span{font-size:29px;color:#d7f1ab;border-radius:50%;display:grid;place-items:center;background:#54a936;width:38px;height:38px}.scene-object{position:absolute;background:transparent;padding:0;z-index:5;filter:drop-shadow(0 16px 14px #42557526);transition:filter .2s,scale .2s;transform-origin:center;touch-action:none}.scene-object:hover{scale:1.05;filter:drop-shadow(0 22px 17px #42557535)}.object-caption{display:block;font-size:12px;margin-top:18px;opacity:0;transition:opacity .2s;letter-spacing:.5px}.scene-object:hover .object-caption,.scene-object:focus-visible .object-caption{opacity:1}.camera-object{left:7.5%;top:14%;width:170px;transform:rotate(14deg)}.camera{position:relative;transform:perspective(500px) rotateY(-14deg)}.camera-top{height:17px;width:155px;background:linear-gradient(#d6d8d9,#747778);border-radius:6px 6px 0 0;position:relative;left:5px}.camera-top:before,.camera-top:after{content:"";position:absolute;width:24px;height:10px;top:-8px;right:12px;border-radius:3px;background:repeating-linear-gradient(90deg,#606368 0,#606368 2px,#96989b 2px,#96989b 4px)}.camera-top:after{right:auto;left:16px;width:19px}.camera-body{height:95px;background:linear-gradient(#363639,#17181a);border:3px solid #a4a6a8;border-radius:5px;position:relative;box-shadow:inset 0 -6px #929598,inset 4px 0 #737478}.camera-label{position:absolute;top:12px;left:8px;color:#dfdfe2;font-size:8px;font-weight:700;letter-spacing:1px}.camera-lens{position:absolute;width:84px;height:84px;border-radius:50%;left:53px;top:7px;background:repeating-radial-gradient(circle,#5d6065 0,#5d6065 2px,#22252a 2px,#22252a 4px);box-shadow:4px 6px 3px #0008;display:grid;place-items:center}.camera-lens>div{width:58px;height:58px;border:5px solid #131315;border-radius:50%;background:radial-gradient(ellipse at 30% 30%,#e5baff55,#18766044 20%,#051127 35%,#081a26 57%,#090b13 65%,#30343c 70%)}.viewfinder{position:absolute;width:21px;height:15px;background:#152631;top:12px;right:7px;border:3px solid #9da1a4}.mac-object{left:9%;bottom:17%;width:163px;transform:rotate(-8deg)}.macintosh{background:linear-gradient(115deg,#eee2c4,#c4b79b);border:2px solid #b3a58c;border-radius:7px 8px 4px 4px;padding:20px 15px 15px;box-shadow:inset 6px 0 #fff4dc85,9px 8px #968b76;transform:perspective(500px) rotateY(15deg);height:210px}.mac-screen{height:116px;background:#161d1b;color:#8fca9a;border:9px solid #8c8776;border-radius:11px;box-shadow:inset 0 0 12px #000;display:flex;flex-direction:column;align-items:start;padding:10px 5px;font:9px/1.8 monospace}.mac-bottom{display:flex;justify-content:space-between;padding-top:17px;color:#74745c;font-size:12px}.mac-bottom i{width:55px;height:6px;background:#454740;box-shadow:0 2px 1px #fff9de}.mac-foot{height:15px;width:120px;margin:auto;background:#b4a78e;transform:skew(-10deg);box-shadow:6px 6px #857a65}.credit-object{left:41%;bottom:14%;width:175px;transform:rotate(-13deg)}.credit-front{height:112px;position:relative;text-align:left;padding:13px 16px;border:1px solid #fefeff;border-radius:10px;background:linear-gradient(130deg,#d9d0f7,#f5f1ff 48%,#b4bde9);box-shadow:2px 4px #b8addb}.credit-front>span:first-child{font-size:11px;font-weight:700;letter-spacing:2px}.chip{display:block;width:22px;height:18px;margin-top:9px;border-radius:3px;background:linear-gradient(125deg,#d4b874,#ffeec0,#c7aa60);border:1px solid #b19869}.credit-stars{display:block;font-size:9px;margin-top:9px;letter-spacing:2px}.credit-front small{font-size:6px;position:absolute;bottom:9px;right:10px}.credit-back{position:absolute;top:-18px;right:-10px;bottom:22px;left:10px;border-radius:10px;background:linear-gradient(100deg,#3b435b,#7891b1);transform:rotate(10deg)}.note-object{top:15%;left:54%;width:110px;transform:rotate(-13deg)}.notebook{background:linear-gradient(90deg,#6c793c 0,#6c793c 7%,#a8b66b 7%,#a8b66b 95%,#dde1b4 95%);border-radius:3px 8px 8px 3px;height:153px;padding:25px 15px;color:#243621;box-shadow:4px 5px #3e4b31,inset 0 0 0 1px #2334131c;text-align:left}.notebook>span{font-size:15px;font-weight:800;line-height:1.1;letter-spacing:-.5px;display:block}.notebook>small{font-size:6px;display:block;margin-top:15px}.note-bind{height:100%;width:2px;background:#25391855;position:absolute;left:10px;top:0}.polaroid-object{right:18%;top:52%;width:147px;transform:rotate(8deg)}.polaroid{background:linear-gradient(135deg,#fff,#f2eee5);padding:10px 10px 14px;box-shadow:2px 3px 4px #62728b25}.polaroid-photo{height:124px;background:linear-gradient(#b7bfaa,#d3dbc7);overflow:hidden;display:flex;align-items:end;justify-content:center}.polaroid-photo .pet-sprite{width:126px;height:126px}.polaroid>.handwritten{display:block;font-size:15px;margin-top:13px;color:#55584c}.ipod-object{right:6%;top:15%;width:110px;transform:rotate(12deg)}.ipod{height:185px;border-radius:16px;background:linear-gradient(120deg,#fbfcff,#cbd0d8 70%,#f2f4f7);padding:13px 11px;box-shadow:inset 0 0 0 1px #fff,3px 6px #9da5b0}.ipod-display{background:#bacbd6;border:3px solid #353b42;border-radius:3px;height:78px;overflow:hidden;display:flex;align-items:center;flex-direction:column}.ipod-display small{font-size:5px;padding:4px}.ipod-display>div{width:43px;height:42px;background:linear-gradient(130deg,#5884be,#9bb9df);font-size:30px;color:#eff3cd}.ipod-display>span{font-size:4px;padding-top:3px}.ipod-wheel{margin:12px auto 0;width:72px;height:72px;background:linear-gradient(#f6f6f6,#e8e8e8);border-radius:50%;display:grid;place-items:center;position:relative}.ipod-wheel>span{position:absolute;top:7px;font-size:6px;color:#a1a3a8}.ipod-wheel i{width:27px;height:27px;background:#d1d7df;border-radius:50%;box-shadow:inset 0 1px 3px #59698066}.ipod-wheel b{position:absolute;bottom:5px;font-size:8px;color:#969ca4}.jasmine-object{right:8%;bottom:14%;width:120px;height:160px;transform:rotate(10deg)}.flower-stem{width:9px;height:109px;background:linear-gradient(90deg,#548356,#789b65);position:absolute;left:56px;top:55px;border-radius:50%;transform:rotate(10deg)}.flower-stem:after{content:"";width:52px;height:25px;border-radius:0 100%;position:absolute;top:49px;left:-47px;background:linear-gradient(125deg,#487958,#afc283);transform:rotate(10deg)}.flower{position:absolute;top:20px;left:55px;width:1px;height:1px}.flower>i{position:absolute;bottom:-8px;left:-14px;width:28px;height:51px;background:radial-gradient(ellipse at 40% 10%,#fff,#fefdf6 65%,#d9ddc8);border-radius:50%;transform-origin:50% calc(100% - 8px);box-shadow:1px 1px 1px #6167572e}.flower>b{position:absolute;top:-7px;left:-7px;width:14px;height:14px;border-radius:50%;background:#e6c86c;box-shadow:0 0 5px #adab6c}.jasmine-object>.object-caption{position:absolute;bottom:-23px;width:170px;left:-25px}.desktop-caption{position:absolute;bottom:115px;left:50%;transform:translate(-50%);z-index:7;text-align:center;font-size:11px;color:#596470;white-space:nowrap}.desktop-caption p{margin-bottom:8px}.desktop-caption a{display:inline-flex;gap:7px;align-items:center;color:#40464c}.desktop-pet{position:absolute;left:0;bottom:20px;background:none;padding:0;width:100px;height:100px;z-index:10;animation:pet-patrol 38s linear infinite}.pet-sprite{width:100px;height:100px;background-image:url(../mantou-sprites.webp);background-size:800% 1100%;background-repeat:no-repeat;background-position:0 0;animation:pet-blink 7s steps(1) infinite}.desktop-pet .pet-sprite{background-position-y:10%;animation:pet-walk .85s steps(8) infinite;transform:none}@keyframes pet-walk{0%{background-position-x:0}to{background-position-x:114.2857%}}@keyframes pet-blink{0%,90%,to{background-position-x:0}94%{background-position-x:28.5714%}97%{background-position-x:42.8571%}}@keyframes pet-patrol{0%,to{left:4%;transform:scaleX(1)}45%{left:83%;transform:scaleX(1)}49%{left:83%;transform:scaleX(-1)}94%{left:4%;transform:scaleX(-1)}}.dock{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:100;display:flex;gap:9px;align-items:center;background:#eef2f06b;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #ffffffaa;border-radius:19px;padding:10px 12px;box-shadow:0 8px 30px #454f6730,inset 0 1px #ffffffb0}.dock-icon{position:relative;display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:11px;transition:transform .2s;box-shadow:inset 0 1px 1px #fff6,0 2px 3px #0002;color:#fff;background:#efefee}.dock-icon:hover{transform:translateY(-11px) scale(1.16)}.dock-icon:has(+.dock-icon:hover),.dock-icon:hover+.dock-icon{transform:translateY(-3px) scale(1.04)}.dock-mail{background:linear-gradient(#4cadf6,#176ae5)}.dock-notes{color:#a69542;background:linear-gradient(#efd059 0,#efd059 26%,#fffdf3 26%)}.dock-projects{background:linear-gradient(140deg,#cb92f4,#6e63dc)}.dock-terminal{background:linear-gradient(#303737,#111816);color:#9cdcac}.dock-blog{background:linear-gradient(130deg,#efa879,#dd6c5f)}.dock-player{background:linear-gradient(135deg,#94c9e8,#4b8aad)}.dock-cat{background:linear-gradient(#f3eddb,#cbd1b7)}.dock-github{background:#1c1d21;color:#fff}.dock-cat>.pet-sprite{width:45px;height:45px}.dock-tooltip{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);background:#edf0eef5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6px 12px;border:1px solid #ffffffaa;border-radius:7px;font-size:11px;color:#292c31;white-space:nowrap;opacity:0;pointer-events:none}.dock-icon:hover .dock-tooltip,.dock-icon:focus-visible .dock-tooltip{opacity:1}.dock-icon>i{position:absolute;bottom:-6px;width:3px;height:3px;background:transparent;border-radius:50%}.dock-icon>i.running{background:#4b5057}.dock-separator{height:40px;width:1px;background:#656b752c;margin:0 3px}.about-section,.projects-section,footer{max-width:1100px;margin:auto;padding:110px 36px}.mini-label{font-size:11px;font-weight:650;letter-spacing:2px;color:#747e83}.about-section h2{font-size:clamp(34px,5vw,65px);letter-spacing:-2px;line-height:1.4;max-width:900px;margin:28px 0 36px;font-weight:650}.about-bottom{display:flex;justify-content:space-between;gap:80px;align-items:center}.about-bottom p{max-width:580px;font-size:18px;line-height:1.9;color:#687078}.signature{font-size:75px;transform:rotate(-11deg);padding-right:30px}.projects-section{padding-top:20px}.section-heading h2{font-size:clamp(25px,3vw,38px);line-height:1.5;letter-spacing:-1px;margin:22px 0 45px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{padding:27px;border-radius:19px;border:1px solid #ffffffa0;display:flex;flex-direction:column;min-height:285px;transition:transform .25s}.project-card:hover{transform:translateY(-5px)}.lavender{background:#ece9f7}.mint{background:#e8efe4}.apricot{background:#f7e9dc}.blue{background:#e4edf5}.pink{background:#f3e5ed}.sand{background:#f0edde}.project-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-icon{width:55px;height:55px;border-radius:14px;display:grid;place-items:center;background:#ffffffa1}.status{font-size:10px;text-align:right;color:#586368}.project-card h3{font-size:22px;letter-spacing:-.5px;margin:22px 0 10px;font-weight:600}.project-card p{font-size:13px;color:#626a70;line-height:1.8;flex:1}.project-card a,.pending{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin-top:12px}.project-card a:hover{text-decoration:underline}.pending{color:#87918d}.section-heading{max-width:700px}footer{padding-top:5px;padding-bottom:135px}footer>div:first-child{display:flex;flex-direction:column;padding:45px 0;border-top:1px solid #e1e4e2}footer h2{font-size:40px;letter-spacing:-1px;margin:0 0 17px}footer h2>span{color:#7c92a0;padding-left:12px}footer>div>a{font-size:20px;color:#6d777c}.footer-bottom{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8b9496}.footer-bottom>a{display:flex;gap:8px;align-items:center;font-size:10px}.window-layer{position:fixed;top:42px;right:0;bottom:100px;left:0;pointer-events:none;z-index:60}.app-window{position:fixed;left:calc(50% - 340px);top:16vh;width:680px;max-width:calc(100vw - 32px);pointer-events:auto;border:1px solid #ffffffaf;border-radius:12px;box-shadow:0 32px 85px #182c5240,0 0 0 1px #27375915;background:#f8f9f6ef;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);overflow:hidden}.window-title{height:40px;display:flex;align-items:center;justify-content:space-between;background:#e4e7e7a8;border-bottom:1px solid #0000000b;padding:0 13px;font-size:12px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.window-title:active{cursor:grabbing}.traffic-lights{display:flex;gap:7px}.traffic-lights button{width:12px;height:12px;padding:0;border-radius:50%;border:1px solid #00000016}.traffic-lights .red{background:#ff6259}.traffic-lights .yellow{background:#ffbe3e}.traffic-lights .green{background:#30c74d}.window-mark{color:#949a9c;font-size:13px;width:50px;text-align:right}.window-content{max-height:65vh;overflow:auto;overscroll-behavior:contain;padding:28px}.app-window.expanded{left:3vw!important;top:60px!important;width:94vw;max-width:none}.app-window.expanded .window-content{max-height:calc(100svh - 185px)}.app-window .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.app-window .project-card{padding:22px;min-height:240px}.about-window{padding:20px}.about-window h2{font-size:34px;line-height:1.5;letter-spacing:-1px;margin:24px 0 20px}.about-window>p{color:#6b757c;font-size:15px}.primary{display:inline-flex;align-items:center;gap:9px;background:#242a2f;color:#fff;border-radius:25px;padding:12px 20px;font-size:12px}.mail-window{text-align:center;padding:15px 0 25px}.envelope{width:80px;height:80px;display:grid;place-items:center;margin:auto auto 24px;color:#526fa8;background:#e5ebf7;border-radius:22px}.mail-window h2{font-size:33px;margin-bottom:15px}.mail-window p{font-size:14px;color:#788084}.email{font-size:24px;display:block;margin:26px 0 22px;color:#4367a2}.memo{background:repeating-linear-gradient(#fffbed 0,#fffbed 31px,#e0ddd1 31px,#e0ddd1 32px);padding:30px;min-height:300px;box-shadow:0 3px 12px #a79b5915}.memo>span{font-size:12px;color:#8b8878}.memo h2{font-size:25px;font-weight:500;line-height:2;margin:40px 0}.memo h2 p{line-height:1.7;margin-bottom:18px}.memo-bottom{font:italic 13px Georgia,serif;color:#8e8b7b}.app-terminal{background:#16201ef5;color:#cbd9d0}.app-terminal .window-title{background:#28332f;color:#b0bdb3}.terminal-window{font:13px/1.8 SFMono-Regular,Consolas,monospace}.terminal-window p{margin-bottom:25px}.terminal-window>p>span{color:#91cba9}.terminal-muted{color:#8fa597;font-size:12px}.terminal-window>a{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff12;padding:13px 0;color:#bad4c7}.terminal-window>a span{font-size:10px;color:#7f9c8e}.cursor{animation:cursor 1.4s steps(2) infinite}@keyframes cursor{50%{opacity:0}}.player-window{text-align:center;padding:5px 40px}.album{width:230px;height:230px;border:1px solid #fff;box-shadow:0 5px 12px #778b9330;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:20px;transform:rotate(-3deg)}.album>span{font-size:17px;font-weight:800;letter-spacing:-1px;line-height:1;text-align:left;width:100%}.album>small{font-size:8px;letter-spacing:2px}.player-window>p{margin:30px 0 6px;font-size:11px;color:#7f8889}.player-window>h2{font-size:25px}.player-controls{display:flex;align-items:center;justify-content:center;gap:25px;font-size:10px}.player-controls button{background:transparent;display:grid;place-items:center}.cat-window{text-align:center}.cat-window>.pet-sprite{width:220px;height:220px;margin:auto}.cat-window>h2{font-size:19px;margin-top:15px}.article-list>a{display:block;border-bottom:1px solid #dce0dd;padding:23px 0}.article-list time{font-size:10px;color:#8a9295}.article-list h3{font-size:19px;display:flex;justify-content:space-between;margin:10px 0;line-height:1.6;gap:20px}.article-list h3 svg{flex-shrink:0}.article-list p{font-size:12px;color:#828a8f;line-height:1.8;margin:0}.giant-cat{position:fixed;bottom:-15px;right:4vw;width:min(51vw,750px);z-index:90;padding:0;background:transparent;filter:drop-shadow(0 10px 30px #332e252e);transform-origin:center bottom}.giant-cat>img{display:block;width:100%;height:auto;pointer-events:none}.giant-cat>span{position:absolute;top:12%;left:1%;font-family:Bradley Hand,Segoe Print,cursive;font-size:16px;background:#fffffff2;padding:13px 20px;box-shadow:0 3px 9px #39403418;transform:rotate(-8deg);border-radius:17px 17px 0}@media (min-width:1600px){.scene-object{scale:1.25}.camera-object{left:10%;top:18%}.mac-object{left:11%;bottom:18%}.credit-object{bottom:16%}.polaroid-object{right:19%}.jasmine-object{right:10%;bottom:18%}.ipod-object{right:10%;top:20%}.note-object{top:18%}.desktop-caption{bottom:130px}.name-group{top:47%}}@media (max-width:1000px){.name-selection h1{font-size:13vw}.name-group{top:44%}.role-tag,.skill-tag{font-size:15px;gap:8px;padding:9px 12px 9px 8px}.role-symbol,.skill-tag>span{width:28px;height:28px;font-size:23px}.role-tag{left:-10px;top:-34px}.greeting{top:-64px;left:44%;font-size:24px}.scene-object{scale:.86}.camera-object{left:5%;top:17%}.mac-object{left:6%;bottom:21%}.polaroid-object{right:15%;top:55%}.credit-object{left:38%;bottom:17%}.ipod-object{right:6%;top:17%}.jasmine-object{right:6%;bottom:16%}.note-object{left:50%;top:13%}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop{min-height:720px}.menu-bar{gap:16px;padding:0 18px}.menu-bar nav{gap:17px}.about-bottom{gap:25px}.signature{font-size:55px}}@media (max-width:600px){.menu-bar{height:40px;padding:0 13px;gap:16px;font-size:11px}.brand{gap:7px;font-size:11px}.brand-avatar{width:21px;height:21px}.menu-bar nav{gap:14px}.menu-bar nav>a:nth-child(2),.menu-bar nav>button{display:none}.menu-right{gap:8px}.desktop{height:100svh;min-height:720px}.name-group{top:41%;width:87%}.name-selection{padding:8px 3px}.name-selection h1{font-size:16.5vw;text-align:center;letter-spacing:-.045em}.greeting{top:-51px;left:43%;font-size:21px}.role-tag{left:7px;top:-29px;font-size:12px;padding:7px 10px;gap:7px}.role-tag:after{height:26px;right:10px;top:-17px}.role-symbol{width:23px;height:23px}.role-symbol svg{width:16px}.skill-tag{right:0;bottom:-39px;font-size:11px;padding:7px 10px;gap:6px}.skill-tag>span{width:24px;height:24px;font-size:18px}.scene-object{scale:.64}.camera-object{left:0%;top:14%;transform:rotate(14deg);transform-origin:left top}.ipod-object{right:6%;top:12%;transform-origin:right top}.note-object{left:48%;top:13%;scale:.55}.mac-object{left:5%;bottom:27%;transform-origin:left bottom}.polaroid-object{right:4%;top:51%;transform-origin:right top;scale:.78}.credit-object{left:32%;bottom:23%;scale:.62}.jasmine-object{right:3%;bottom:18%;scale:.57}.object-caption{display:none}.desktop-caption{bottom:127px;font-size:10px;white-space:normal;width:90%;padding:0 26px;line-height:1.8}.desktop-pet{width:74px;height:74px;bottom:35px}.desktop-pet .pet-sprite{width:74px;height:74px}.dock{gap:7px;padding:8px 9px;bottom:15px;border-radius:15px}.dock-icon{width:35px;height:35px;border-radius:8px}.dock-icon svg{width:23px;height:23px}.dock-cat>.pet-sprite{width:34px;height:34px}.dock-separator{height:29px;margin:0 1px}.dock-tooltip{font-size:10px}.about-section,.projects-section,footer{padding:65px 24px}.about-section h2{font-size:31px;letter-spacing:-1px;margin:22px 0}.about-bottom{display:block}.about-bottom p{font-size:15px}.signature{display:block;text-align:right;font-size:50px;margin-top:25px}.projects-section{padding-top:10px}.project-grid{grid-template-columns:1fr;gap:16px}.project-card{min-height:245px;padding:24px}.section-heading h2{font-size:26px;margin-bottom:28px}.project-card h3{font-size:24px}.project-card p{font-size:14px}.status{font-size:11px}footer{padding-top:0;padding-bottom:120px}footer h2{font-size:33px}.footer-bottom{flex-direction:column;gap:20px}.app-window{left:16px;top:11vh;width:calc(100vw - 32px)}.window-content{padding:19px;max-height:67svh}.app-window .project-grid{grid-template-columns:1fr}.app-window.expanded{left:10px!important;top:50px!important;width:calc(100vw - 20px)}.window-title{height:39px}.about-window{padding:5px}.about-window h2{font-size:26px}.email{font-size:19px}.mail-window h2{font-size:27px}.memo{padding:20px}.memo h2{font-size:21px}.player-window{padding:5px 10px}.album{width:210px;height:210px}.giant-cat{width:92vw;right:-12vw;bottom:-18px}.giant-cat>span{font-size:12px;top:6%}.terminal-window>a{flex-direction:column;gap:5px}.article-list h3{font-size:18px}.article-list p{font-size:13px}.window-layer{top:40px;right:0;bottom:90px;left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.desktop-pet{left:4%}.scene-object:hover,.dock-icon:hover{scale:1;transform:none}}.cat-screensaver{position:fixed;top:42px;right:0;bottom:0;left:0;z-index:85;pointer-events:none;overflow:hidden}.cat-screen-close{position:absolute;right:24px;top:20px;width:45px;height:45px;background:#ffffffa0;border:2px solid #17191c;font-size:31px;line-height:1;pointer-events:auto;z-index:2}.big-walker{position:absolute;left:0;bottom:8vh;width:min(640px,75vw);height:min(640px,75vw);background:transparent;pointer-events:auto;padding:0;animation:big-patrol 24s linear infinite}.big-walker .pet-sprite{width:100%;height:100%;background-position-y:10%;animation:pet-walk .9s steps(8) infinite;transform:none;filter:drop-shadow(0 8px 8px #0002)}@keyframes big-patrol{0%{left:-700px;transform:scaleX(1)}45%{left:100vw;transform:scaleX(1)}49%{left:100vw;transform:scaleX(-1)}95%,to{left:-700px;transform:scaleX(-1)}}@media (prefers-reduced-motion:reduce){.big-walker{left:calc(50vw - min(320px,37.5vw))!important;animation:none!important}.big-walker .pet-sprite{animation:none!important;background-position:0 0;transform:none}}@font-face{font-family:ArcDisplay;src:url(../anton.ttf) format("truetype");font-display:swap;font-weight:400}@media (min-width:1001px){.name-group{top:46%}.name-selection h1{font-family:ArcDisplay,Impact,sans-serif;font-size:clamp(115px,10vw,172px);font-weight:400;letter-spacing:-.035em;transform:none}.camera-object{left:25%;top:13%;width:175px}.note-object{top:10%;left:55%;scale:.85}.credit-object{bottom:17%;left:42%;scale:.85}.polaroid-object{right:19%;top:54%;scale:.85}.desktop-caption{bottom:100px}.menu-bar{height:35px;background:#598ece80;color:#f2f7ff}.desktop{background:radial-gradient(ellipse at 15% 67%,#ffdd95bb,transparent 32%),radial-gradient(ellipse at 64% 49%,#ffc4e6c9,transparent 32%),linear-gradient(180deg,#4c9df5,#72adf5,#d1e3f9 60%,#fbf9f6 86%)}.skill-tag{font-size:17px}.role-tag{font-size:18px}}.prop-photo{display:block;width:100%;height:auto;pointer-events:none}.computer-photo{position:relative}.computer-terminal{position:absolute;top:22%;left:25%;width:30%;color:#abd5b2;text-align:left;font:6px/1.8 monospace;transform:perspective(200px) rotateY(10deg) rotate(2deg);text-shadow:0 0 2px #65cf87}.mac-object{width:215px}.camera-object{transform:rotate(-4deg);width:190px}.camera-object .object-caption{margin-top:-16px}.camera-object .prop-photo{margin-top:-20px}@media (min-width:1600px){.camera-object{left:26%;top:14%;scale:1.12}.mac-object{scale:1.18;left:10%;bottom:15%}}@media (max-width:600px){.mac-object{width:190px;bottom:27%;left:2%}.camera-object{width:170px;left:5%;top:14%}.computer-terminal{font-size:7px}}.big-walker .pet-sprite{background-image:url(../mantou-walk-hd.png);background-size:400% 200%;background-position:0 0;animation:mantou-hd-walk 1.15s steps(1) infinite}@keyframes mantou-hd-walk{0%,to{background-position:0 0}12.5%{background-position:33.3333% 0}25%{background-position:66.6667% 0}37.5%{background-position:100% 0}50%{background-position:0 100%}62.5%{background-position:33.3333% 100%}75%{background-position:66.6667% 100%}87.5%{background-position:100% 100%}}@media (prefers-reduced-motion:reduce){.big-walker .pet-sprite{animation:none!important;background-position:0 0}}.brand-avatar{color:#273951}.name-selection h1{color:#111}