.intro-divider{color:#385970;letter-spacing:1px;justify-content:center;align-items:center;gap:20px;padding:14px 7.5% 26px;font-size:14px;display:flex}.intro-divider:before,.intro-divider:after{content:"";border-top:2px dashed #7898aa80;flex:1}.intro-divider a{flex:none;padding:8px 0}.intro-divider a:hover{color:#a64372}.site-header,.collage-intro{background-color:#dcebf2;background-image:linear-gradient(#eff7fbba,#eff7fbba),var(--denim-texture);color:#173957;background-size:auto,540px}.site-header{height:88px;padding-inline:max(7.5%,24px)}.site-header .wordmark{letter-spacing:-1.5px;font:700 36px Georgia,serif}.wordmark span{display:none}.site-header nav{gap:39px}.site-header nav a{letter-spacing:3px;font-size:16px}.site-header nav a:not(:last-child):after{color:#31516b;right:-24px}.site-header nav a:hover{color:#a64372}.site-header .contact-link{box-shadow:none;background:0 0;border-bottom:1px solid #59758a;outline:0;padding:0 0 3px;font-size:14px;transform:none}.site-header .mobile-menu-toggle{color:#173957}.collage-intro{overflow:clip}.collage-cover{--sway-x:0px;--sway-y:0px;--sway-angle:0deg;position:relative}.cover-wrap{width:calc(100% - 120px);max-width:1300px;margin:auto;position:relative}.collage-cover h1{letter-spacing:-.052em;text-align:center;white-space:nowrap;color:#143859;z-index:1;padding:0 20px 0 0;font:italic 400 clamp(75px,14.1vw,205px)/1.05 Bodoni MT,Times New Roman,serif;position:relative}.cover-seam{pointer-events:none;border-inline:3px solid #7899ad77;width:26px;position:absolute;top:-88px;bottom:-37px;left:3.9%;transform:rotate(-.3deg);box-shadow:inset 3px 0 4px #193d6340,3px 0 3px #fffcde88}.cover-seam:after{content:"";border-inline:2px dashed #e1d3a3;position:absolute;inset:0 5px}.cover-scene{height:min(41.5vw,590px);min-height:470px;margin-top:-5px;position:relative}.cover-photo{transform-origin:50% 7%;z-index:2;background:#fffdf6;padding:20px 20px 0;transition:transform .48s cubic-bezier(.22,.8,.3,1);position:absolute;box-shadow:3px 7px 10px #213e5435,0 0 0 1px #a9afb033}.cover-photo img{object-fit:cover;aspect-ratio:1/1.05;background:#b0b4aa;width:100%;height:auto}.cover-photo figcaption{text-align:center;white-space:nowrap;letter-spacing:-1px;padding:18px 0 22px;font:italic 25px/1.35 Segoe Print,Bradley Hand,Georgia,serif}.cover-photo-night{width:29%;transform:translate3d(calc(var(--sway-x) * -.7),calc(var(--sway-y) * .7),0) rotate(calc(-10deg - var(--sway-angle)));top:15%;left:18.5%}.cover-photo-window{aspect-ratio:1/1.1;overflow:hidden}.cover-photo-night img{aspect-ratio:auto;object-position:50% 58%;transform-origin:63% 67%;height:100%;transform:scale(1.55)}.cover-photo-night figcaption{padding:16px 0 21px;font-size:22px}.cover-photo-smile{width:41.5%;transform:translate3d(var(--sway-x),var(--sway-y),0) rotate(calc(8deg + var(--sway-angle)));z-index:3;top:1.5%;left:45%}.cover-photo-smile img{object-position:center 43%;aspect-ratio:1.06}.cover-binder{filter:drop-shadow(2px 4px 2px #23364845);pointer-events:none;width:24%;height:auto;position:absolute;top:-14.5%;right:9%;transform:rotate(2deg)}.cover-star-clip{filter:drop-shadow(1px 3px 2px #223b5445);pointer-events:none;width:28%;height:auto;position:absolute;top:-8%;left:17%;transform:rotate(6deg)}.cover-memo{z-index:4;background:#fffbe9;border:1px solid #edead7;width:21%;padding:26px 23px 17px;position:absolute;bottom:8%;left:0;transform:rotate(-5deg);box-shadow:3px 5px 5px #233e5526}.cover-memo>p{white-space:nowrap;letter-spacing:1px;font:23px/1.7 KaiTi,STKaiti,Microsoft YaHei,serif;position:relative}.cover-memo>p span{color:#ce89a5;font-size:32px;position:absolute;top:-17px;right:0}.cover-memo>div{letter-spacing:1px;white-space:nowrap;border-top:1px solid #c9d0c866;margin-top:13px;padding-top:13px;font-size:12px}.cover-memo>a{color:#59768d;border-bottom:1px solid #abb9bf;margin-top:8px;font-size:11px;display:inline-block}.cover-memo>a:hover{color:#a64372}.cover-tape{clip-path:polygon(0 7%,96% 0,100% 100%,3% 96%);background:#e8db93c2;width:81px;height:27px;position:absolute;top:-16px;left:26px;transform:rotate(-15deg)}.cover-star{color:#e9a7c0;pointer-events:none;font:65px Georgia,serif;position:absolute}.cover-star-a{font-size:52px;top:-19%;right:0;transform:rotate(12deg)}.cover-star-b{top:30%;left:6%;transform:rotate(13deg)}.cover-star-c{font-size:52px;bottom:20%;right:0;transform:rotate(-12deg)}@media (min-width:1600px){.cover-scene{height:660px}.collage-cover h1{font-size:214px}}@media (max-width:1100px){.cover-wrap{width:calc(100% - 80px)}.cover-scene{min-height:430px}.cover-photo{padding:14px 14px 0}.cover-photo figcaption{padding:15px 0 18px;font-size:19px}.cover-photo-night figcaption{font-size:17px}.cover-memo{width:24%;padding:23px 17px 15px;bottom:8%}.cover-memo>p{font-size:20px}.cover-memo>div{letter-spacing:0;font-size:10px}.cover-star{font-size:47px}}@media (max-width:760px){.site-header{height:78px}.site-header .wordmark{font-size:29px}.site-header nav{gap:25px}.site-header nav a{letter-spacing:1px;font-size:13px}.site-header nav a:not(:last-child):after{right:-15px}.site-header .contact-link{display:none}.cover-scene{min-height:370px}.cover-wrap{width:calc(100% - 60px)}.cover-memo{width:29%;padding:20px 15px 12px;bottom:4%}.cover-memo>p{font-size:18px}.cover-photo-smile{width:46%;left:44%}.cover-photo-night{width:34%;top:17%;left:12%}.cover-photo figcaption{font-size:15px}.cover-photo-night figcaption{font-size:14px}.cover-star-b{left:0}.cover-star-c{bottom:14%}}@media (max-width:620px){.site-header{height:75px;padding-inline:25px}.site-header .wordmark{font-size:29px}.site-header .mobile-menu-toggle{padding:8px}.site-header nav.mobile-nav{top:65px}.cover-wrap{width:calc(100% - 34px)}.collage-cover h1{letter-spacing:-.063em;padding:7px 8px 0 0;font-size:14.2vw;line-height:1.1}.cover-seam{opacity:.7;border-width:2px;width:15px;top:-75px;bottom:-35px;left:9px}.cover-seam:after{border-width:1px;inset:0 3px}.cover-scene{height:115vw;min-height:390px;max-height:650px;margin-top:19px}.cover-photo{padding:10px 10px 0}.cover-photo-smile{width:57%;top:4%;left:37%;transform:rotate(8deg)}.cover-photo-night{width:42%;top:19%;left:5%;transform:rotate(-9deg)}.cover-photo img{aspect-ratio:1/1.22}.cover-photo-night .cover-photo-window{aspect-ratio:1/1.2}.cover-photo-night img{aspect-ratio:auto}.cover-photo figcaption{letter-spacing:-.4px;padding:13px 0 17px;font-size:clamp(10px,2.6vw,15px)}.cover-photo-night figcaption{font-size:clamp(10px,3.1vw,14px)}.cover-binder{width:29%;top:-13%;right:8%}.cover-star-clip{width:33%;top:-7%;left:14%}.cover-memo{width:61%;padding:22px 21px 14px;bottom:3%;left:13%;transform:rotate(-4deg)}.cover-memo>p{font-size:22px;line-height:1.5}.cover-memo>p span{top:-2px;right:9px}.cover-memo>div{letter-spacing:1px;margin-top:12px;padding-top:10px;font-size:11px}.cover-memo>a{font-size:10px;position:absolute;bottom:14px;right:18px}.cover-memo>div{padding-bottom:20px}.cover-tape{width:66px;height:23px;top:-12px}.cover-star-a{font-size:27px;top:-7%;right:1%}.cover-star-b{font-size:32px;top:4%;left:0}.cover-star-c{font-size:32px;bottom:11%;right:2%}}@media (prefers-reduced-motion:reduce){.cover-photo{transition:none!important}}@media (max-width:620px){.cover-photo-night{z-index:4}}.folder-about{--folder-ink:#294b62;--folder-blue:#c8e0ef;--folder-yellow:#fff8d7;--folder-ivory:#fffcf3;box-sizing:border-box;isolation:isolate;width:min(1240px,100% - 96px);color:var(--folder-ink);margin:0 auto;padding:110px 0 88px;scroll-margin-top:0;position:relative}.folder-about *,.folder-about :before,.folder-about :after{box-sizing:border-box}.folder-sheet{isolation:isolate;background:var(--folder-blue);border:1px solid #f2fdffcc;border-radius:15px 24px 22px 22px;padding:54px 54px 40px;position:relative;box-shadow:0 5px 4px #2f4c5d26,0 19px 27px -21px #1d3f538c,inset 0 2px 1px #ffffffb3}.folder-sheet:before{content:"";z-index:-2;background:var(--folder-ivory);width:74%;height:31px;position:absolute;top:-24px;right:18px;transform:rotate(.6deg);box-shadow:0 1px 3px #2d41461a}.folder-sheet:after{content:"";z-index:-1;background:#f8fcfc;width:12px;position:absolute;top:78px;bottom:75px;right:-10px;transform:rotate(.6deg);box-shadow:2px 2px 3px #2b42501f}.folder-tab{background:var(--folder-blue);letter-spacing:.025em;border:1px solid #f2fdffcc;border-bottom:0;border-radius:29px 35px 0 0;justify-content:center;align-items:center;width:262px;height:60px;padding-bottom:8px;font:400 25px/1.2 Georgia,Times New Roman,serif;display:flex;position:absolute;top:-49px;left:0;box-shadow:inset 0 2px 1px #fff9}.folder-main{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(38px,4.5vw,66px);display:grid}.folder-personal{min-width:0}.folder-hobbies{outline-offset:-7px;background:#f3d3dd;outline:1px dashed #b98399;max-width:330px;margin:44px auto 0;padding:19px 25px 17px;transform:rotate(2deg);box-shadow:3px 5px 9px #17365712}.folder-about .folder-hobbies h3{margin:0 0 9px;font-size:17px;font-weight:650}.folder-hobbies ul{flex-wrap:wrap;gap:7px 20px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.folder-hobbies li:before{content:"·";color:#935770;margin-right:6px}.folder-hobbies a{border-top:1px dashed #b9839970;margin-top:13px;padding-top:10px;font-size:12px;display:inline-block}.folder-hobbies a:hover{text-underline-offset:4px;text-decoration:underline}.social-account{color:#284761;background:#fff8f0;border:1px dashed #c7879e;margin-top:25px;padding:17px 20px 6px;scroll-margin-top:24px;box-shadow:3px 4px #112a4733}.social-account-top{flex-wrap:wrap;align-items:center;gap:9px 12px;display:flex}.social-platform{color:#ad365b;font-size:12px;font-weight:700}.social-account-top strong{font-size:16px;font-weight:650}.social-account-top button{color:inherit;background:0 0;border:0;border-bottom:1px solid #8da0ac;margin-left:auto;padding:3px 0;font-size:12px}.social-account-top button:hover{color:#ad365b}.social-account-number{-webkit-user-select:text;user-select:text;margin-top:8px;font-size:13px}.social-account-number span{letter-spacing:.06em}.social-copy-status{color:#7c586b;min-height:22px;margin-top:3px;font-size:12px}.folder-portrait{background:#fffefd;width:100%;max-width:380px;margin:0 auto;padding:20px 20px 14px;position:relative;transform:rotate(-6deg);box-shadow:2px 4px 4px #2f41482e,5px 10px 13px -11px #22343d73}.folder-portrait-window{aspect-ratio:4/5;overflow:hidden}.folder-portrait-image{object-fit:cover;object-position:50% 56%;transform-origin:63% 67%;width:100%;height:100%;display:block;transform:scale(1.55)}.folder-portrait-caption{flex-direction:column;align-items:center;gap:5px;padding-top:14px;display:flex}.folder-signature{color:#344c60;letter-spacing:.01em;font:italic 42px/.95 Segoe Script,Bradley Hand,Brush Script MT,cursive}.folder-location{color:#677884;letter-spacing:.12em;font-size:12px;line-height:1.5}.folder-star-clip{z-index:2;filter:drop-shadow(2px 3px 1px #25353b52);width:112px;height:122px;position:absolute;top:-9px;left:-48px;overflow:visible;transform:rotate(-13deg)}.folder-note{background:var(--folder-yellow);margin:0;padding:55px 32px 30px;position:relative;transform:rotate(-.7deg);box-shadow:1px 4px 5px #31484f1f,6px 13px 16px -15px #1d3c488c}.folder-note-holes{pointer-events:none;flex-direction:row;justify-content:space-between;display:flex;position:absolute;top:18px;left:25px;right:25px}.folder-note-holes span{background:var(--folder-blue);border-radius:50%;width:15px;height:15px;box-shadow:inset 1px 2px 3px #1e4b6145,0 1px #ffffffbf}.folder-about .folder-name{color:#24485f;letter-spacing:.075em;margin:0 0 11px;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,SimSun,serif;font-size:clamp(42px,4.4vw,62px);font-weight:600;line-height:1.25}.folder-school{color:#526975;letter-spacing:.025em;border-bottom:1px solid #3b5e7147;margin:0;padding-bottom:21px;font-size:14px;line-height:1.8}.folder-profile{gap:20px;margin:22px 0 25px;display:grid}.folder-profile>div{grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:13px;display:grid}.folder-profile dt{color:#35576b;letter-spacing:.045em;font-size:13px;font-weight:650;line-height:1.9}.folder-profile dd{text-wrap:pretty;min-width:0;margin:0;font-size:14px;line-height:1.9}.folder-profile-meta{color:#62737a;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 14px;margin-top:4px;font-size:12px;line-height:1.8;display:flex}.folder-courses{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 15px;margin:0;padding:0;list-style:none;display:grid}.folder-courses li{padding-left:11px;position:relative}.folder-courses li:before{content:"";background:#809daa;border-radius:50%;width:3px;height:3px;position:absolute;top:.83em;left:0}.folder-design-note{clip-path:polygon(2% 3%,8% 1%,17% 2%,26% 0,39% 2%,51% 1%,63% 3%,75% 0,89% 2%,98% 0,97% 15%,99% 30%,98% 48%,100% 67%,98% 82%,99% 97%,87% 99%,72% 97%,59% 100%,43% 98%,30% 100%,17% 98%,0 100%,2% 78%,0 61%,2% 42%,1% 25%);background:#bad5e6;margin:0 -10px;padding:19px 22px 21px;position:relative;transform:rotate(-1.1deg)}.folder-about .folder-design-note h3{letter-spacing:.055em;margin:0 0 7px;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,SimSun,serif;font-size:17px;font-weight:600;line-height:1.5}.folder-design-note p{color:#355267;text-wrap:pretty;margin:0;font-size:13px;line-height:1.95}.folder-skills-paper{background:var(--folder-ivory);margin-top:43px;padding:23px 28px 28px;position:relative;transform:rotate(.3deg);box-shadow:1px 4px 4px #30474f1f}.folder-skills-paper:before,.folder-skills-paper:after{content:"";background:var(--folder-ivory);clip-path:polygon(0 50%,3% 20%,7% 55%,12% 18%,17% 60%,22% 25%,28% 50%,33% 10%,40% 48%,47% 25%,54% 70%,61% 20%,67% 55%,73% 15%,80% 45%,86% 20%,92% 50%,97% 15%,100% 55%,100% 100%,0 100%);height:6px;position:absolute;left:0;right:0}.folder-skills-paper:before{top:-5px}.folder-skills-paper:after{bottom:-5px;transform:rotate(180deg)}.folder-about .folder-skills-title{color:var(--folder-ink);align-items:center;gap:20px;margin:0 0 10px;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,SimSun,serif;font-size:22px;font-weight:600;line-height:1.4;display:flex}.folder-skills-title:after{content:"";background:#2f50658c;flex:1;height:1px}.folder-software-intro{color:#63747d;text-wrap:pretty;max-width:920px;margin:0 0 26px;font-size:13px;line-height:1.9}.folder-skills-list{flex-wrap:wrap;justify-content:center;gap:25px 14px;margin:0;padding:0;list-style:none;display:flex}.folder-skill{text-align:center;flex:0 calc(14.2857% - 12px);grid-template-rows:60px minmax(32px,auto) 1fr;align-content:start;justify-items:center;gap:9px;min-width:0;display:grid}.folder-about .folder-skill-icon{object-fit:contain;width:60px;max-width:100%;height:60px;display:block}.folder-skill-name{color:#3d5362;overflow-wrap:normal;justify-content:center;align-items:center;font-size:12px;font-weight:600;line-height:1.35;display:flex}.folder-skill-usage{color:#71808a;text-wrap:pretty;max-width:7em;font-size:11px;line-height:1.7}@media (max-width:1100px){.folder-about{width:calc(100% - 76px)}.folder-sheet{padding:42px 35px 30px}.folder-main{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:34px}.folder-note{padding:54px 28px 25px}.folder-note-holes{left:22px;right:22px}.folder-profile>div{grid-template-columns:1fr;gap:3px}.folder-profile{gap:16px}.folder-portrait{padding:15px 15px 13px}.folder-star-clip{width:88px;height:99px;left:-34px}.folder-skills-paper{padding-left:25px;padding-right:25px}.folder-skills-list{gap:23px 20px}.folder-skill{flex-basis:calc(25% - 15px);grid-template-rows:60px auto 1fr;gap:8px}.folder-skill-usage{max-width:none}}@media (max-width:780px){.folder-about{width:calc(100% - 52px);padding:95px 0 62px}.folder-sheet{padding:38px 30px 30px}.folder-tab{width:218px;height:54px;font-size:22px;top:-43px}.folder-main{grid-template-columns:minmax(0,1fr);gap:35px}.folder-portrait{width:70%;max-width:310px}.folder-portrait-window{aspect-ratio:5/6}.folder-signature{font-size:36px}.folder-note{padding:55px 30px 26px;transform:rotate(-.5deg)}.folder-about .folder-name{font-size:47px}.folder-profile>div{grid-template-columns:65px minmax(0,1fr);gap:14px}.folder-profile{gap:19px}.folder-school{font-size:14px}.folder-skills-paper{margin-top:34px;padding:21px 20px 24px}.folder-skills-list{gap:20px 12px}.folder-skill{flex-basis:calc(33.3333% - 8px)}.folder-skill-usage{max-width:7em}}@media (max-width:620px){.folder-profile>div{grid-template-columns:1fr;gap:4px}.folder-profile dd{font-size:14px}.folder-courses{gap:4px 10px}.folder-design-note{padding:17px 19px 20px}.folder-software-intro{margin-bottom:22px}.folder-about .folder-skill-icon{width:56px;height:56px}.folder-skill{grid-template-rows:56px minmax(32px,auto) 1fr}}@media (max-width:440px){.folder-about{width:calc(100% - 38px);padding-top:85px}.folder-sheet{border-radius:10px 17px 17px;padding:30px 18px 23px}.folder-sheet:before{width:70%;height:22px;top:-16px;right:10px}.folder-sheet:after{width:8px;right:-6px}.folder-tab{border-radius:22px 27px 0 0;width:185px;height:47px;font-size:20px;top:-40px}.folder-portrait{width:77%;padding:13px 13px 11px;transform:rotate(-5deg)}.folder-star-clip{width:77px;height:85px;top:-11px;left:-27px}.folder-portrait-caption{gap:4px;padding-top:12px}.folder-signature{font-size:32px}.folder-location{font-size:11px}.folder-main{gap:28px}.folder-note{padding:47px 22px 24px}.folder-note-holes{top:16px;left:18px;right:18px}.folder-note-holes span{width:12px;height:12px}.folder-about .folder-name{margin-bottom:8px;font-size:40px}.folder-school{padding-bottom:17px;font-size:13px}.folder-profile{gap:17px;margin:18px 0 21px}.folder-profile dt{font-size:12px}.folder-profile-meta{gap:2px 10px;font-size:11px}.folder-courses{font-size:13px}.folder-design-note{margin-left:-8px;margin-right:-8px;padding:16px 16px 19px}.folder-design-note p{font-size:13px;line-height:1.9}.folder-skills-paper{margin-top:28px;padding:19px 13px 23px}.folder-about .folder-skills-title{gap:14px;font-size:20px}.folder-software-intro{font-size:12px;line-height:1.85}.folder-skills-list{gap:20px 8px}.folder-skill{flex-basis:calc(33.3333% - 5.33333px);gap:7px}.folder-hobbies{width:88%;margin-top:32px;padding:17px 21px}.folder-hobbies ul{gap:5px 17px}.folder-skill-name{overflow-wrap:anywhere;font-size:11px}.folder-skill-usage{max-width:6em;font-size:10px;line-height:1.65}}.badge-board{isolation:isolate;aspect-ratio:1.8;background:#7497b2 url(/assets/optimized/denim-512-56a186b5186a.webp) 50%/512px;border:2px solid #adbec3;border-radius:10px 18px 8px 12px;width:100%;min-height:530px;margin:0 0 16px;position:relative;box-shadow:inset 0 0 0 5px #e3e7df28,2px 9px 17px #17365724}.badge-board:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;border:2px dashed #e0d4b29e;position:absolute;inset:8px}.pocket-seams{z-index:-1;pointer-events:none;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.pocket-shade{fill:#1e4b731c}.seam-ridge{fill:none;stroke:#143b5260;stroke-width:19px}.seam-thread{fill:none;stroke:#e2d4b1;stroke-width:2px;stroke-dasharray:6 3}.loose-thread{fill:none;stroke:#e7d7af;stroke-width:4px;stroke-linecap:round;stroke-dasharray:10 8}.category-badge{--badge-color:#f5ead3;--badge-angle:-7deg;z-index:2;aspect-ratio:1;color:#172b4b;width:24%;transform:rotate(var(--badge-angle));-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#fffff7 2%,#d5d0bd 24%,#f5f4ea 36%,#aaa992 60%,#f8f0d7 81%,#b7b5a5);border:1px solid #7e7b6f;border-radius:50%;padding:5px;transition:transform .22s,box-shadow .22s;display:block;position:absolute;box-shadow:inset 1px 1px 2px #fff,1px 4px #807d69,4px 9px 7px #12374b50,8px 16px 20px #102c4838}.category-badge:focus-visible{z-index:5;transform:translateY(-8px)rotate(0);box-shadow:inset 1px 1px 2px #fff,1px 4px #807d69,5px 12px 8px #12374b50,10px 22px 25px #102c4840}@media (hover:hover) and (pointer:fine){.category-badge:hover{z-index:5;transform:translateY(-8px)rotate(0);box-shadow:inset 1px 1px 2px #fff,1px 4px #807d69,5px 12px 8px #12374b50,10px 22px 25px #102c4840}}.category-badge:focus-visible{outline-offset:7px;outline:3px dashed #fff8d5}.category-badge:active{transform:translateY(-2px)rotate(0)}.badge-face{aspect-ratio:1;background:var(--badge-color);border:1px solid #8c897c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:8% 12% 9%;display:flex;position:relative;overflow:hidden;box-shadow:inset 2px 4px 5px #ffffffd9,inset -3px -5px 8px #17365730}.badge-face:after{content:"";pointer-events:none;border-top:2px solid #ffffffb5;border-left:1px solid #ffffff47;border-radius:50%;position:absolute;inset:4%}.badge-face>svg{flex:1;width:100%;height:auto;min-height:0;display:block;overflow:visible}.badge-label{white-space:nowrap;flex:none;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(14px,1.55vw,22px);font-weight:700;line-height:1.5}.category-badge--ui{--badge-angle:-6deg;width:25%;top:5%;left:11%}.category-badge--interaction{--badge-color:#c8e0ea;--badge-angle:6deg;width:25%;top:7%;left:45%}.category-badge--visual{--badge-color:#eec2c8;--badge-angle:9deg;width:20%;top:28%;right:7%}.category-badge--film{--badge-color:#d8d1e8;--badge-angle:-7deg;z-index:3;width:22%;bottom:12%;left:8%}.category-badge--ip{--badge-color:#f3c7c2;--badge-angle:5deg;width:19%;bottom:19%;left:35%}.category-badge--digital-culture{--badge-color:#d4e3d4;--badge-angle:10deg;width:22%;bottom:7%;right:19%}.badge-decoration{pointer-events:none;filter:drop-shadow(2px 3px 2px #1736574d);width:6.5%;position:absolute;overflow:visible}.stitched-star path:first-child{fill:#df9eb5;stroke:#eddcbe;stroke-width:5px;stroke-linejoin:round}.stitched-star .star-stitches{fill:none;stroke:#f8e3d9;stroke-width:1.5px;stroke-dasharray:3 3}.star-pink{top:5%;left:38%;transform:rotate(13deg)}.star-navy{top:12%;right:18%;transform:rotate(-12deg)}.star-navy path:first-child{fill:#172f4c}.star-lower{bottom:21%;right:5%;transform:rotate(-10deg)}.stitched-heart{width:5%;bottom:35%;left:56%;transform:rotate(-15deg)}.stitched-heart path{fill:#f5e5c4;stroke:#d3bfa4;stroke-width:2px;stroke-dasharray:3 2}.badge-eyes{pointer-events:none;gap:4px;width:12%;display:flex;position:absolute;top:2%;right:9%;transform:rotate(12deg)}.badge-eyes i{aspect-ratio:1;background:#fbfaf5;border:2px solid #e5e1d7;border-radius:50%;width:50%;display:block;position:relative;box-shadow:inset 1px 1px 4px #fff,inset -2px -4px 5px #17365725,2px 4px 3px #17365755}.badge-eyes i:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 32% 25%,#ffffff7a 0 12%,#0000 14%),#151918;border-radius:50%;width:57%;position:absolute;top:39%;left:20%;box-shadow:inset -2px -3px 4px #0009}.pocket-rivet{aspect-ratio:1;pointer-events:none;background:linear-gradient(130deg,#eee1c8,#a19274 52%,#e0d9c2);border:2px solid #645f52;border-radius:50%;width:3.4%;position:absolute;box-shadow:inset 0 0 0 3px #d7cbb4,inset 0 0 0 4px #817866,2px 3px 4px #1736577a}.rivet-left{top:56%;left:2%}.rivet-right{bottom:26%;right:2%}@media (max-width:900px) and (min-width:621px){.badge-board{min-height:390px}.category-badge{padding:4px}.badge-label{font-size:14px}}@media (max-width:620px){.badge-board{aspect-ratio:.54;background-size:400px;border-radius:8px;min-height:0}.category-badge{padding:3px}.badge-label{font-size:clamp(12px,3.6vw,18px)}.category-badge--ui{width:48%;top:5%;left:3%}.category-badge--interaction{width:49%;top:14%;left:47%}.category-badge--visual{width:43%;top:36%;left:5%;right:auto}.category-badge--film{width:45%;top:43%;bottom:auto;left:49%}.category-badge--ip{width:42%;bottom:10%;left:4%}.category-badge--digital-culture{width:48%;bottom:4%;right:3%}.badge-eyes{width:24%;top:2%;right:7%}.badge-decoration{width:11%}.star-pink{top:30%;left:8%}.star-navy{top:39%;right:7%}.star-lower{bottom:29%;right:7%}.stitched-heart{width:10%;bottom:35%;left:8%}.pocket-rivet{width:6%}.rivet-left{top:61%}.rivet-right{bottom:14%}}@media (prefers-reduced-motion:reduce){.category-badge{transition:none}}