@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-400-normal-BTVu2TQR.woff2) format("woff2"),url(/assets/archivo-black-latin-400-normal-HW9MwEcM.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff) format("woff")}:root{--yellow:#ffe274;--purple:#713998;--muted:#a67b79;font-family:Arial,Microsoft YaHei,sans-serif;color:var(--purple);background:var(--yellow);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h2,h3,header,.text-link{font-family:Arial Narrow,Impact,Microsoft YaHei,sans-serif}h2{font-size:clamp(32px,4.4vw,64px);line-height:1.05;font-weight:900}section{scroll-margin-top:90px;position:relative}main{max-width:1600px;margin:auto}.center{text-align:center}header{height:76px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 3%;background:#ffe274e8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:18px;font-weight:800}header a{padding:8px 22px;border-radius:8px}header nav{display:flex;gap:52px;background:#fff4c655;border-radius:8px}header .brand{background:#fff4c6;font-size:24px;padding:4px 24px}header .connect{background:var(--purple);color:#fff0b1;font-size:17px}header a.active{box-shadow:inset 0 -3px var(--purple)}.hero{height:min(64vw,1000px);min-height:580px;padding-top:76px}.art-title{position:absolute;width:68%;left:3%;top:12%;aspect-ratio:1584/993}.art-title span{position:absolute;display:block}.art-title span img{width:100%;height:100%;object-fit:contain}.decor{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-girl{position:absolute;width:39%;right:3%;top:6%;transition:transform .6s cubic-bezier(.2,.7,.25,1);pointer-events:none}.portfolio-rule{position:absolute;bottom:4%;left:35%;width:30%;display:flex;align-items:center;justify-content:center;gap:22px;font-family:Impact,Arial Narrow,sans-serif;font-size:18px}.portfolio-rule span{height:1px;flex:1;background:#b78b6860}.manifesto{padding:45px 0 65px}.magic{display:block;margin:0 auto 24px;background:none;padding:0;width:130px;transition:transform .25s}.magic img{width:100%;height:100%;object-fit:contain}.magic:not(.spin):hover,.magic:not(.spin):focus-visible{transform:translateY(-8px) scale(1.05)}.magic:active{scale:.97}.wand{width:100px;height:140px;rotate:28deg}.manifesto-title{font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(36px,5.6vw,80px);letter-spacing:.3px;line-height:1}.manifesto-copy{max-width:660px;width:80%;margin:28px auto 70px;font-size:clamp(17px,2vw,26px);line-height:1.7;color:var(--muted)}.text-link{display:inline-block;padding:10px 40px;background:linear-gradient(90deg,transparent,#fff1b6,transparent);font-size:20px;font-weight:700;transition:transform .2s}.text-link:hover{transform:translateY(-3px);text-decoration:underline}.about{display:grid;grid-template-columns:1fr .88fr;gap:12%;padding:45px 5% 65px;min-height:700px}.about-intro h2{font-family:Arial,Microsoft YaHei,sans-serif;font-size:clamp(26px,3vw,43px);line-height:1.1;font-weight:400}.about-intro p{margin-top:35px;max-width:570px;font-size:16px;line-height:1.65;color:var(--muted)}.profile{padding-top:90px;position:relative}.profile .magic{position:absolute;right:0;top:-10px;width:145px;rotate:12deg}.profile-label{font-family:Georgia,serif;font-size:18px;color:var(--muted);padding-bottom:18px}dl{margin:0;color:var(--muted);font-family:Georgia,Microsoft YaHei,serif;font-size:15px}dl>div{display:grid;grid-template-columns:42% 58%;border-top:1px solid #b78b6833;padding:16px 0;gap:6px}dt{font-size:14px}dd{margin:0;text-align:right;line-height:1.9}dd span{display:block}.selected{padding:0 0 40px}.selected .magic{width:160px}.selected h2{font-size:clamp(34px,4.4vw,62px)}.gallery{padding:50px 8% 90px;min-height:min(85vw,1250px)}.gallery-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #71399830}.gallery-head h2{font-size:27px}.gallery-head span{font-size:13px}.filters{display:flex;flex-wrap:wrap;gap:8px;padding:22px 0 35px}.filters button{padding:10px 15px;border:1px solid #71399830;background:transparent;border-radius:30px;font-size:13px}.filters button[aria-pressed=true]{background:var(--purple);color:var(--yellow)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.placeholder{aspect-ratio:1.7;border:1px dashed #71399835;border-radius:18px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff2b51a}.placeholder-mark{font-size:48px;opacity:.4}.placeholder h3{font-size:24px;font-weight:500}.placeholder p{font-size:14px;margin:10px 0}.placeholder small{opacity:.55;letter-spacing:2px}.project{background:#fff0ab;border-radius:18px;overflow:hidden;text-align:left;padding:0 0 20px;transition:transform .25s}.project:hover{transform:translateY(-8px)}.project img{aspect-ratio:1.5;object-fit:contain;width:100%}.project span,.project small{display:block;margin:15px 20px 0}.process{padding:0 16% 65px}.process .magic{width:105px;margin-bottom:24px}.process h2{font-size:clamp(30px,3.3vw,47px)}.subtitle{font-size:16px;color:var(--muted);line-height:1.6;margin:12px 0 22px}.stages article{padding:30px 10px;border-top:1px solid #b78b6833}.stages h3{font-size:26px}.stages b{font-size:14px}.stages p{color:var(--muted);font-size:16px;line-height:1.7;margin-top:20px}.team{padding:0 17% 70px}.team .magic{width:125px;margin-bottom:6px}.team h2{font-size:clamp(36px,4.4vw,62px)}.strengths{margin-top:25px}.strength{display:flex;gap:30px;align-items:flex-start;margin:0 0 40px;text-align:left}.avatar{flex:0 0 88px;height:88px;border:4px solid #fff4c5;border-radius:50%;overflow:hidden;position:relative;background:#d1a3b0}.avatar img{position:absolute;width:160%;max-width:none;left:-42%;top:0}.bubble{background:var(--purple);color:var(--yellow);border-radius:35px;padding:16px 26px;position:relative;flex:1;transition:translate .25s}.bubble:before{content:"";position:absolute;left:-16px;top:25px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:22px solid var(--purple)}.strength:hover .bubble{translate:0 -5px}.bubble>span{font-size:12px;border:1px solid;border-radius:50%;padding:0 3px}.bubble h3{font-family:Arial,Microsoft YaHei,sans-serif;font-size:22px;margin:5px 0}.bubble p{font-size:15px;line-height:1.7;color:#e0bb9a}.contact{padding:0 5%}.contact .magic{width:220px;margin-bottom:38px}.contact h2{font-size:clamp(34px,4.4vw,62px)}.tagline{font-weight:700;margin-top:20px;font-size:18px}.contact-actions{display:flex;justify-content:center;gap:65px;margin:55px 0 10px}.email{display:inline-block;padding:15px 24px;background:var(--purple);color:var(--yellow);border-radius:40px;overflow-wrap:anywhere}.wechat{background:#fff0ad;border-radius:40px;padding:12px 24px}.wechat span{margin-right:14px;font-size:22px}.copy-email{display:block;margin:18px auto;background:none;font-size:13px;text-decoration:underline;opacity:.75}footer{margin-top:90px;border-top:1px solid #b78b6833;display:flex;justify-content:space-between;padding:25px 0;font-size:15px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .65s var(--delay,0ms),transform .65s var(--delay,0ms)}.reveal.visible{opacity:1;transform:translateY(0)}.confetti{position:fixed;pointer-events:none;z-index:101}.trail{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.trail i{position:absolute;top:-3px;left:-3px;width:6px;height:6px;border-radius:50%;background:#713998;opacity:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-100px;z-index:200;background:#fff;padding:15px}.skip:focus{top:0}dialog{border:1px solid #71399850;background:var(--yellow);color:var(--purple);border-radius:22px;padding:40px;width:min(700px,92vw);max-height:85vh}dialog::backdrop{background:#24103299;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:32px;padding-right:25px}dialog p{line-height:1.8;margin:25px 0}dialog .close{position:absolute;right:15px;top:10px;background:none;font-size:32px}dialog .detail-image{width:100%;margin-top:20px}.qr{width:240px;margin:20px auto}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:200;background:var(--purple);color:var(--yellow);padding:14px 25px;border-radius:30px}@media(min-width:1600px){.hero{height:1000px}}@media(max-width:760px){header{height:64px;padding:0 4%;font-size:14px}header nav{gap:5px}header a{padding:10px}header .brand{font-size:19px;padding:5px 12px}header .connect{display:none}.hero{height:83vw;min-height:355px}.art-title{width:72%;left:1%;top:27%}.hero-girl{width:42%;right:1%;top:24%}.portfolio-rule{font-size:12px;left:28%;width:44%;bottom:2%}.manifesto{padding:50px 0}.magic{width:95px}.wand{width:65px;height:100px}.manifesto-title{font-size:clamp(29px,7vw,45px)}.manifesto-copy{font-size:16px;margin:25px auto 35px}.text-link{font-size:17px}.about{display:block;padding:35px 7%;min-height:0}.about-intro h2{font-size:28px}.about-intro p{font-size:14px;margin-top:25px}.profile{margin-top:55px;padding-top:75px}.profile .magic{width:110px}dl{font-size:13px}dt{font-size:12px}.profile-label{font-size:16px}.selected{padding-top:35px}.selected .magic{width:125px}.gallery{padding:25px 6% 90px;min-height:750px}.gallery-head{align-items:flex-start;gap:10px}.gallery-head h2{font-size:24px}.gallery-head span{font-size:11px}.filters{gap:6px}.filters button{font-size:11px;padding:9px 10px}.project-grid{gap:12px}.placeholder{aspect-ratio:.9;padding:14px 5px}.placeholder-mark{font-size:34px}.placeholder h3{font-size:19px}.placeholder p{font-size:11px}.placeholder small{font-size:9px}.process{padding:0 7% 50px}.process .magic{width:85px}.process h2{font-size:29px}.subtitle,.stages p{font-size:13px}.stages h3{font-size:24px}.team{padding:0 6% 45px}.team .magic{width:90px}.team h2{font-size:38px}.strength{gap:17px;margin-bottom:24px}.avatar{flex-basis:48px;height:48px;border-width:2px}.bubble{padding:13px 18px;border-radius:22px}.bubble h3{font-size:16px}.bubble p{font-size:12px}.bubble:before{left:-11px;border-right-width:15px}.contact .magic{width:160px;margin-bottom:25px}.contact h2{font-size:32px}.tagline{font-size:13px}.contact-actions{gap:18px;flex-direction:column;align-items:center;margin-top:30px}.email{font-size:14px}footer{margin-top:55px;font-size:11px}dialog{padding:30px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.trail,.confetti{display:none}.magic:hover{transform:none!important}}@media(pointer:coarse){.trail{display:none}}@font-face{font-family:Source Han Sans SC;src:url(/fonts/SourceHanSansSC-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{font-family:Source Han Sans SC,Microsoft YaHei,sans-serif}h2,.manifesto-title,.about-intro h2{font-family:Archivo Black,Source Han Sans SC,sans-serif;font-weight:400;line-height:1.12}.stages h3,.placeholder h3{font-family:Archivo Black,Source Han Sans SC,sans-serif;font-weight:400}button,.text-link,.email,.qr-download{font-family:Fredoka,Source Han Sans SC,sans-serif;font-weight:500}header{background:#ffe27461;backdrop-filter:blur(22px) saturate(100%);-webkit-backdrop-filter:blur(22px) saturate(100%);border-bottom:1px solid #fff4c680;box-shadow:0 6px 26px #7139980b,inset 0 1px #fff9df80}header nav{background:#fff4c62e;border:1px solid #fff4c678;box-shadow:inset 0 1px 1px #fffbe6a0}header .brand{background:#fff4c65e;border:1px solid #fff4c690}.hero{isolation:isolate}.hero-girl{z-index:1}.art-title{z-index:2}.hero-fade{position:absolute;z-index:3;pointer-events:none;left:0;right:0;top:66%;bottom:8%;background:linear-gradient(to bottom,#ffe27400 0%,#ffe27435 25%,#ffe274b3 60%,var(--yellow) 94%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(to bottom,transparent,#000 50%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 50%)}.portfolio-rule{z-index:4}.about-intro p,.about .profile-label,.about dl,.process .subtitle,.stages p{color:var(--purple)}.about dl,.profile-label,.bubble h3{font-family:Source Han Sans SC,sans-serif}.bubble p{color:var(--yellow)}.avatar{border:0;background:transparent;overflow:visible}.avatar img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}.magic.spin{perspective:900px}.magic.spin img{transform-origin:50% 50%;backface-visibility:visible}.contact-actions{align-items:center}.contact-actions .email,.contact-actions .wechat{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:12px 26px;line-height:1.25;text-align:center;border-radius:28px}.wechat img{width:30px;height:30px;object-fit:contain;flex-shrink:0}.wechat span{margin:0;font-size:inherit}.qr{width:min(360px,100%);height:auto;background:#fff;border-radius:14px}.qr-download{display:flex;justify-content:center;padding:14px;text-decoration:underline;margin-bottom:16px}@media(max-width:760px){.manifesto-title{font-size:clamp(26px,6.5vw,45px)}.about-intro h2,.process h2{font-size:25px}.team h2{font-size:32px}.contact h2{font-size:clamp(25px,6.6vw,32px)}.hero-fade{top:64%;bottom:8%;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.contact-actions .email,.contact-actions .wechat{min-height:52px}.wechat img{width:26px;height:26px}}@font-face{font-family:Source Han Sans SC;src:url(/fonts/SourceHanSansSC-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}.strengths{max-width:1000px;margin:26px auto 0}.strength{align-items:flex-start;gap:32px;margin-bottom:54px}.avatar{flex:0 0 88px;width:88px;height:88px;margin-top:0}.bubble{padding:16px 22px 18px;border-radius:36px}.bubble:before{top:30px;left:-22px;border-top-width:13px;border-bottom-width:13px;border-right-width:24px}.bubble>span{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--purple);border:0;border-radius:15px;padding:0 5px;line-height:1.1;font-family:Fredoka,sans-serif;font-size:16px}.bubble h3{margin:8px 0 10px}.bubble p{line-height:1.65}.contact-actions{gap:48px;flex-wrap:wrap}.contact-actions .email,.contact-actions .wechat{min-height:0;width:max-content;max-width:100%;padding:10px 20px;border-radius:999px;font-size:18px;line-height:1.25;gap:14px}.contact-actions .wechat img{width:28px;height:28px}.contact-actions .wechat span{font-size:18px;line-height:1.25}@media(max-width:760px){.strength{gap:21px;margin-bottom:30px}.avatar{flex-basis:52px;width:52px;height:52px}.bubble{padding:12px 15px 15px;border-radius:22px}.bubble:before{top:18px;left:-14px;border-top-width:9px;border-bottom-width:9px;border-right-width:16px}.bubble>span{font-size:12px}.bubble h3{margin:6px 0 8px}.contact-actions{gap:18px}.contact-actions .email,.contact-actions .wechat{padding:9px 17px;font-size:16px}.contact-actions .wechat img{width:24px;height:24px}.contact-actions .wechat span{font-size:16px}}
