:root{color-scheme:light;--ink:#473b43;--muted:#887780;--pink:#ca668e;--line:#eedfe5;--paper:#fffafc;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:radial-gradient(ellipse at 86% 18%,#fbe3ec88,transparent 40%)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #a74370;outline-offset:6px}a:hover{color:#a4426c}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:22px;font-weight:700;letter-spacing:.2px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:3px;margin-top:5px}.brand-mark{position:relative;font-family:Georgia,serif;font-style:italic;font-size:42px;display:grid;place-items:center;width:50px;height:54px;border:1px solid #e8bbcddd;border-radius:18px;color:var(--pink);background:#ffeef5}.brand-mark span{font-size:18px;position:absolute;right:3px;top:0}.header nav{display:flex;gap:38px;font-size:13px}.header nav span{margin-left:7px;color:var(--pink)}.hero{min-height:600px;display:grid;grid-template-columns:1.08fr 1fr;gap:24px;align-items:center;padding-top:30px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:600;color:var(--muted);margin:0 0 24px}.hero-copy .eyebrow{color:#a65c7a}.eyebrow>span{margin-right:9px}h1{font-size:clamp(34px,3.25vw,47px);font-weight:650;line-height:1.55;letter-spacing:1px;margin:0 0 24px}.pink{color:var(--pink)}.intro{font-size:14px;line-height:2.1;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;gap:34px;align-items:center;padding:16px 23px;border-radius:10px;background:#bc5b81;color:white;font-size:13px;box-shadow:0 8px 22px #bc5b8120;transition:background .2s,transform .2s}.button:hover{background:#a74a70;color:white;transform:translateY(-2px)}.button span{font-size:19px}.hero-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;letter-spacing:1px;margin-top:23px}.dot{width:5px;height:5px;border-radius:50%;background:#c7819e}.portrait-scene{height:570px;position:relative;isolation:isolate}.orbit{position:absolute;inset:56px 6px 55px;border-radius:50% 50% 44% 46%;background:linear-gradient(135deg,#fbe2ed,#f7d4e4);border:12px solid #fff6fac7;outline:1px solid #edc4d6;transform:rotate(-8deg);z-index:-1}.portrait{position:absolute;height:510px;width:auto;max-width:100%;object-fit:contain;bottom:44px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 13px 13px #91677816);mask-image:linear-gradient(#000 89%,transparent 100%)}.hello{position:absolute;top:50px;left:-10px;z-index:2;border:1px solid #edd7e1;background:#fffafced;border-radius:18px 18px 4px 18px;padding:13px 19px;font-size:12px;transform:rotate(-6deg);color:#a7587a;box-shadow:0 6px 22px #ad749510}.portrait-caption{position:absolute;bottom:55px;left:15px;display:flex;align-items:center;gap:14px;padding:17px 23px;background:#fffafceb;backdrop-filter:blur(8px);border:1px solid white;border-radius:14px;box-shadow:0 10px 30px #aa7b9114}.portrait-caption strong{font-size:15px;font-weight:600}.portrait-caption small{font-family:Georgia,serif;font-style:italic;color:var(--pink);font-weight:400;margin-left:9px}.portrait-caption p{font-size:10px;color:var(--muted);margin:8px 0 0}.caption-star{font-size:31px;color:var(--pink)}.spark{position:absolute;color:#cb7b9b}.spark-one{right:0;top:70px;font-size:55px}.spark-two{bottom:155px;left:-15px;font-size:27px}.scene-label{position:absolute;right:15px;bottom:23px;font-size:8px;letter-spacing:2px;color:#b68b9e}.works{padding:46px 0 64px;scroll-margin-top:25px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:10px}h2{font-size:25px;line-height:1.6;font-weight:600;margin:0}.section-heading>p{font-size:12px;color:var(--muted);margin-bottom:5px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.work-card{border:1px solid var(--line);border-radius:17px;background:#ffffff9e;padding:25px 27px 0;overflow:hidden}.character-card{background:linear-gradient(120deg,#fff3f8,#fffafd)}.web-card{background:linear-gradient(120deg,#fbf7ff,#fffafd)}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.category{font-size:10px;letter-spacing:1px;color:var(--muted)}.status{font-size:9px;padding:5px 9px;background:#f7e5ee;color:#95536f;border-radius:5px;white-space:nowrap}.status.muted{color:#7d718d;background:#eeebf5}.card-body{display:flex;gap:20px;align-items:start;margin:26px 0 28px}.work-symbol{font-size:32px;border:1px solid #eed3e0;border-radius:13px;width:61px;height:65px;flex-shrink:0;display:grid;place-items:center;color:#c5799a;background:#fffafc}.web-card .work-symbol{color:#a18ab6;border-color:#e5dcea}h3{font-size:19px;line-height:1.5;font-weight:600;margin:0 0 10px}.card-body p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.card-bottom{border-top:1px solid var(--line);min-height:56px;font-size:10px;color:var(--muted)}.card-bottom a{color:#ac537a;padding:12px 0}.card-bottom a span{margin-left:13px}.coming{color:#9a8b98}.coming span{margin-left:12px}.character-about{border-block:1px solid var(--line);padding:35px 30px;display:flex;gap:28px;align-items:center}.little-star{font-size:65px;color:#d5a4ba;font-family:Georgia,serif}.character-about .eyebrow{margin-bottom:8px}.character-about h2{font-size:20px}.character-about p:last-child{font-size:12px;line-height:2;color:var(--muted);max-width:830px;margin-bottom:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:65px}.about .eyebrow{margin-bottom:18px}.about h2{font-size:26px;line-height:1.8}.about-text{font-size:13px;line-height:2.1;color:var(--muted)}.about-text p{margin:0 0 13px}.signature{font-family:Georgia,serif;font-style:italic;font-size:23px;color:#ad6b89;display:block;text-align:right;margin-top:20px}.signature span{font-size:17px;margin-left:5px}.footer{border-top:1px solid var(--line);padding-block:25px 30px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.footer strong{font-size:11px;color:var(--ink);font-weight:500}.footer>div:first-child>span{display:block;margin-top:9px}.legal{display:flex;gap:22px}.legal a:hover{text-decoration:underline}.mobile-break{display:none}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}@media(min-width:1450px){.hero{min-height:650px}.portrait-scene{height:600px}.portrait{height:550px}}@media(max-width:900px){.wrap{width:calc(100% - 52px)}.hero{grid-template-columns:1fr 1fr;gap:0;min-height:530px}.portrait-scene{height:490px}.portrait{height:425px}.hello{left:0;font-size:10px;padding:10px 12px}.hero h1{font-size:32px}.portrait-caption{left:5px;padding:12px 15px}.card-body{gap:12px}.work-card{padding-inline:20px}.work-symbol{width:45px;height:51px;font-size:27px}h3{font-size:17px}.section-heading>p{font-size:10px}.about{gap:35px}.legal{flex-direction:column;gap:8px;align-items:end}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{height:86px}.brand{font-size:18px;gap:9px}.brand-mark{width:39px;height:43px;font-size:34px;border-radius:13px}.brand small{font-size:9px;letter-spacing:2px}.header nav{gap:20px;font-size:11px}.header nav span{display:none}.hero{grid-template-columns:1fr;padding-top:39px;gap:0}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{font-size:9px;margin-bottom:16px}.hero h1{font-size:35px;line-height:1.5;letter-spacing:0;margin-bottom:18px}.intro{font-size:13px;line-height:1.9;margin-bottom:22px}.mobile-break{display:block}.button{padding:13px 19px;font-size:12px}.hero-note{margin-top:18px}.portrait-scene{height:455px;margin-top:0;width:min(370px,100%);justify-self:center}.portrait{height:420px;bottom:20px}.orbit{inset:45px 6px 25px}.hello{top:22px;left:3px;font-size:11px}.spark-one{top:35px;right:3px;font-size:42px}.spark-two{left:0;bottom:110px}.portrait-caption{bottom:24px;left:0}.scene-label{bottom:0;right:0;font-size:7px}.works{padding-block:38px}.section-heading{align-items:start;margin-bottom:21px}.section-heading>p{display:none}.section-heading .eyebrow{font-size:9px}h2{font-size:23px}.work-grid{grid-template-columns:1fr;gap:16px}.work-card{padding:21px 20px 0}.card-body{gap:16px;margin-block:23px}.work-symbol{width:48px;height:56px}.card-body h3{font-size:17px}.card-bottom{font-size:9px}.character-about{padding:27px 4px;align-items:start;gap:16px}.little-star{font-size:38px;line-height:1.2}.character-about .eyebrow{font-size:9px}.character-about h2{font-size:19px}.about{grid-template-columns:1fr;padding-block:39px;gap:22px}.about .eyebrow{font-size:9px;margin-bottom:12px}.about h2{font-size:24px;line-height:1.65}.about-text{font-size:12px}.signature{margin-top:8px}.footer{align-items:start;gap:20px;padding-block:23px}.footer strong{font-size:10px}.footer>div:first-child>span{font-size:9px}.legal{font-size:9px;gap:10px}.footer .legal a{white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}