:root{--ink:#234840;--muted:#59756c;--green:#286b56;--pink:#efb7bd;--yellow:#f4da8b;--paper:#f7faf7;--ease:cubic-bezier(.22,.75,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #bc5870;outline-offset:5px}button{border:0}svg{width:21px;height:21px;flex-shrink:0}img{max-width:100%}p{line-height:1.9}h1,h2,h3,p{margin-top:0}h2{font-family:"STKaiti","KaiTi","Microsoft YaHei",sans-serif;font-size:46px;line-height:1.35;margin-bottom:18px}h3{font-size:25px}.site-header{position:fixed;z-index:30;top:0;left:0;width:100%;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#f7faf7e8;border-bottom:1px solid #23484010;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:bold}.brand img{width:39px;height:39px;object-fit:contain}.brand b{font-size:22px;color:var(--green);margin-left:4px}.site-header nav{display:flex;gap:38px;font-size:14px}.site-header nav a{position:relative;padding:12px 0}.site-header nav a[aria-current]{color:var(--green);font-weight:bold}.site-header nav a[aria-current]:after{content:"";position:absolute;bottom:2px;left:45%;width:5px;height:5px;background:var(--green);border-radius:50%}.entry{display:flex;align-items:center;gap:16px;font-size:13px}.menu{display:none}.scene{position:relative;min-height:760px;height:100svh;overflow:hidden;padding:118px 9% 65px;background:var(--paper)}.js-ready{overflow:hidden}.js-ready #pages{height:100dvh;overflow:auto;scrollbar-width:none;scroll-snap-type:y mandatory;overscroll-behavior:none}.js-ready #pages::-webkit-scrollbar{display:none}.js-ready .scene{height:100dvh;min-height:0;scroll-snap-align:start;scroll-snap-stop:always}.welcome{background:#eaf4ef}.scene-art{position:absolute;inset:-25px;background:url("welcome-scene.png") center/cover;transform:translate(var(--px,0),var(--py,0));will-change:transform}.welcome-copy{position:relative;z-index:2;text-align:center;max-width:680px;margin:10px auto 0}.eyebrow{font-size:12px;font-weight:600;color:var(--green);margin-bottom:14px}.welcome h1{font-size:80px;line-height:1.05;margin:0 0 16px;font-weight:900;text-shadow:0 3px 0 #fff}.welcome h1 span{font-family:Georgia,serif;font-style:italic;font-weight:normal;color:var(--green)}.welcome h2{font-size:29px;margin-bottom:12px}.description{font-size:14px;color:var(--muted);line-height:1.95;margin-bottom:22px}.actions{display:flex;justify-content:center;align-items:center;gap:27px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:51px;padding:12px 24px;border-radius:6px;transition:transform .2s,box-shadow .2s,background .2s;font-size:14px}.primary{background:var(--green);color:white;box-shadow:0 5px 0 #174c3c}.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #174c3c}.button:active{transform:translateY(3px);box-shadow:0 1px 0 #174c3c}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:600}.text-link svg,.entry svg{transition:transform .2s}.text-link:hover svg,.entry:hover svg{transform:translate(3px,-2px)}.welcome-cast{position:absolute;bottom:56px;left:50%;width:690px;height:300px;transform:translate(calc(-50% + var(--px,0px)),var(--py,0px));display:flex;justify-content:center;align-items:flex-end;gap:7px}.cast{object-fit:contain;filter:drop-shadow(0 15px 10px #315b4730);width:200px;height:235px}.cast-center{width:245px;height:280px;z-index:1}.cast-left{transform:rotate(-8deg)}.cast-right{transform:rotate(7deg)}.cast-caption{position:absolute;bottom:0;left:50%;transform:translate(-50%,28px);font-size:10px;white-space:nowrap;color:#456750}.next-preview{position:absolute;bottom:0;left:0;width:100%;height:42px;background:#f8f3f2;display:flex;align-items:center;justify-content:center;gap:18px;font-size:11px}.page-position{position:fixed;z-index:20;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:15px;font-size:10px}.page-position>div{display:flex;flex-direction:column;gap:8px}.page-position a{width:24px;height:24px;display:grid;place-items:center}.page-position a:after{content:"";width:5px;height:5px;background:#54726866;border-radius:50%;transition:all .2s}.page-position a[aria-current]:after{width:10px;height:10px;background:var(--green);outline:1px solid var(--green);outline-offset:4px}.wardrobe{background:#f8f3f2}.section-heading{text-align:center;position:relative;z-index:2}.section-heading>p:last-child{font-size:13px;color:var(--muted)}.wardrobe-layout{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:30px;max-width:1120px;margin:auto;height:calc(100% - 260px);min-height:220px}.wardrobe-note{max-width:260px}.small-label{font-size:11px;color:var(--muted)}.wardrobe-note h3{font-size:34px;margin:13px 0 3px}.wardrobe-note #outfit-name{color:#a6556e;font-size:16px}.detail-copy{font-size:12px;color:var(--muted)}.outfit-stage{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.stage-arch{position:absolute;width:85%;height:90%;bottom:0;border-radius:50% 50% 8px 8px;background:#efdfdf;border:12px solid #fff9;box-shadow:0 12px 0 #dabdb933}.outfit-stage>img{position:relative;width:90%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 8px #70464520);transition:opacity .15s,transform .3s}.stage-tag{position:absolute;right:-7px;top:25%;background:var(--yellow);padding:10px 19px;font-size:11px;transform:rotate(9deg);box-shadow:2px 3px 0 #c4ae6450}.wardrobe-details>div{display:flex;gap:14px;align-items:center;padding:22px 0;border-bottom:1px solid #d7c9c6}.wardrobe-details span{font-size:11px;color:var(--muted)}.wardrobe-details b{display:block;font-size:13px;margin-top:5px;color:var(--ink)}.wardrobe-details p{font-size:10px;margin-top:20px}.character-picker{display:flex;justify-content:center;gap:16px;margin:27px auto 0}.character-picker button{display:flex;align-items:center;flex-direction:column;background:transparent;gap:7px;font-size:10px;width:66px;padding:0}.character-picker img{width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid transparent;object-fit:contain;transition:transform .2s,box-shadow .2s}.character-picker button:hover img{transform:translateY(-4px)}.character-picker button[aria-pressed=true] img{border-color:var(--green);box-shadow:0 0 0 4px #286b5615}.daily{background:#e5eef4}.daily-art{position:absolute;inset:-20px;background:url("daily-scene.png") center/cover;transform:translate(var(--px,0),var(--py,0))}.daily-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;height:100%;max-width:1120px;margin:auto}.practical-note{font-size:10px;color:var(--muted);max-width:330px;margin-top:26px}.schedule{background:#ffffffed;border-radius:8px;box-shadow:10px 14px 0 #7d9caa25;padding:30px;transform:rotate(2deg)}.schedule-heading{display:flex;align-items:center;gap:10px;border-bottom:1px solid #d6e2e6;padding-bottom:22px}.schedule-heading span{font-size:16px;font-weight:bold}.schedule-heading small{margin-left:auto;font-size:10px;color:var(--muted)}.schedule-row{display:flex;gap:19px;align-items:center;padding:24px 0;border-bottom:1px dashed #d6e2e6}.schedule-row>svg{width:38px;height:38px;color:#60958e;padding:7px;background:#eef6f1;border-radius:8px}.schedule-row b{display:block;font-size:15px;margin-bottom:6px}.schedule-row small{font-size:11px;color:var(--muted)}.schedule-foot{display:flex;gap:9px;align-items:center;margin-top:23px;font-size:10px;color:var(--muted)}.schedule-foot svg{width:15px}.connections{background:#eff3e8}.tools-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;max-width:920px;margin:24px auto 0}.tool-story{padding:0 20px}.tool-story+article{border-left:1px solid #cdd7c4;padding-left:50px}.tool-story h3{font-size:23px;margin-bottom:10px}.tool-story p{font-size:12px;color:var(--muted);max-width:350px;min-height:68px}.connection-art,.signature-art{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.connection-art img{width:100px;height:100px;object-fit:contain;border-radius:50%;background:white;box-shadow:0 7px 0 #d3ddc9}.connection-art>span{margin:0 18px;color:#6e8860}.signature-art{position:relative;background:#fffafc;border:1px solid #e5d7de;box-shadow:5px 6px 0 #dbd3cd;transform:rotate(-3deg);height:120px;margin:15px 0 35px;border-radius:6px}.signature-art span{font-size:23px;font-family:"KaiTi",serif;color:#a6647e}.signature-art>svg{position:absolute;right:12px;bottom:12px}.connections footer{position:absolute;bottom:32px;left:9%;right:9%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cdd7c4;padding-top:22px;font-size:11px}.connections footer>a:last-child{display:flex;gap:10px;align-items:center}.connections footer>span{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.js-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s var(--ease),transform .8s var(--ease)}.js-ready .is-current .reveal{opacity:1;transform:translateY(0)}.is-current .reveal:nth-child(2){transition-delay:.12s}.is-current .reveal:nth-child(3){transition-delay:.22s}.scene [data-depth]{transition:transform .2s ease-out}.icon-button{background:none;width:42px;height:42px;display:grid;place-items:center}.menu{display:none}
@media(min-width:1600px){.welcome-copy{margin-top:35px}.welcome-cast{height:340px;bottom:70px}.cast{width:235px;height:270px}.cast-center{width:280px;height:330px}}
@media(max-height:760px) and (min-width:761px){.scene{padding-top:105px}.welcome-copy{margin-top:0}.welcome h1{font-size:61px}.welcome h2{font-size:25px}.welcome .description{margin-bottom:14px}.welcome-cast{height:210px;bottom:55px}.cast{height:170px;width:155px}.cast-center{height:205px;width:190px}.section-heading h2{font-size:36px}.wardrobe-layout{height:calc(100% - 240px)}.character-picker{margin-top:15px}.schedule{padding:22px}.schedule-row{padding:18px 0}.connection-art{height:120px}.signature-art{height:100px}.tools-layout{margin-top:10px}.connections footer{bottom:20px}}
@media(max-width:760px){.site-header{height:68px;padding:0 20px}.brand{font-size:19px;gap:6px}.brand b{font-size:18px}.brand img{width:30px;height:30px}.entry{font-size:11px;gap:4px;margin-left:auto;margin-right:9px}.entry svg{width:16px}.menu{display:grid;width:32px}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;padding:18px 25px;background:#f7faf7;box-shadow:0 8px 12px #23484010;gap:0;justify-content:space-between}.site-header nav.open{display:flex}.scene{padding:92px 25px 50px;min-height:700px}.page-position{right:6px;gap:7px;font-size:8px}.page-position>div{gap:1px}.page-position a{width:19px;height:22px}.page-position a[aria-current]:after{width:7px;height:7px;outline-offset:3px}.welcome-copy{margin-top:20px}.eyebrow{font-size:10px;margin-bottom:12px}.welcome h1{font-size:58px;margin-bottom:20px}.welcome h2{font-size:24px}.description{font-size:12px;line-height:1.9}.actions{gap:16px;flex-direction:column}.button{font-size:12px;min-height:46px;padding:10px 20px}.text-link{font-size:11px}.welcome-cast{width:360px;height:240px;bottom:75px;gap:0}.cast{height:174px;width:110px}.cast-center{height:216px;width:140px}.cast-caption{font-size:9px}.scene-art{background-position:50% center}.next-preview{height:37px;font-size:10px}.section-heading h2{font-size:29px;margin-bottom:10px}.section-heading>p:last-child{font-size:11px;max-width:300px;margin-left:auto;margin-right:auto}.wardrobe-layout{grid-template-columns:90px 1fr;gap:10px;height:calc(100% - 245px);min-height:170px}.wardrobe-note h3{font-size:24px}.wardrobe-note #outfit-name{font-size:13px}.small-label{font-size:10px}.detail-copy{font-size:10px}.wardrobe-note .text-link{font-size:10px;gap:4px}.wardrobe-note .text-link svg{width:14px}.wardrobe-details{display:none}.stage-arch{width:100%;border-width:8px}.outfit-stage>img{width:100%}.stage-tag{right:0;font-size:9px;padding:8px;top:15%}.character-picker{gap:9px;margin-top:22px}.character-picker button{width:48px;font-size:9px}.character-picker img{width:43px;height:43px}.daily-layout{display:flex;flex-direction:column;gap:20px;align-items:stretch;justify-content:center}.daily h2{font-size:33px;margin-bottom:12px}.daily .description br{display:none}.daily .description{margin-bottom:14px}.practical-note{font-size:9px;margin:17px 0 0}.schedule{padding:19px;transform:rotate(1deg)}.schedule-heading{padding-bottom:12px}.schedule-heading span{font-size:13px}.schedule-heading small{font-size:9px}.schedule-row{padding:13px 0;gap:12px}.schedule-row b{font-size:12px;margin-bottom:3px}.schedule-row small{font-size:10px}.schedule-row>svg{width:31px;height:31px}.schedule-foot{margin-top:12px;font-size:9px}.tools-layout{gap:20px;display:flex;flex-direction:column;margin-top:22px}.tool-story{position:relative;padding:0 0 0 93px;min-height:140px}.tool-story+article{border-left:0;border-top:1px solid #cdd7c4;padding:22px 0 0 93px}.tool-story h3{font-size:19px;margin-bottom:9px}.tool-story p{font-size:11px;margin-bottom:9px;min-height:0}.connection-art,.signature-art{position:absolute;left:0;top:0;width:74px;height:114px;margin:0;flex-direction:column;gap:2px}.connection-art img{width:45px;height:45px}.connection-art>span{margin:0;height:15px}.connection-art svg{width:13px;height:13px}.signature-art{top:27px;height:100px}.signature-art span{font-size:15px;writing-mode:vertical-rl}.signature-art svg{width:14px;height:14px;right:4px;bottom:4px}.connections footer{left:25px;right:25px;bottom:24px;flex-wrap:wrap;gap:12px;font-size:9px;padding-top:15px}.connections footer>span{order:3;width:100%;font-size:9px}.connections footer svg{width:14px}.connections .section-heading h2{font-size:26px}}
@media(max-width:760px) and (max-height:730px){.welcome-copy{margin-top:0}.welcome h1{font-size:48px;margin-bottom:13px}.welcome h2{font-size:21px}.welcome .description{font-size:11px;margin-bottom:16px}.welcome-cast{height:170px;bottom:64px}.cast{height:126px;width:95px}.cast-center{height:160px;width:115px}.actions{gap:13px}.daily-layout{gap:14px}.daily h2{font-size:27px}.daily .description{font-size:11px}.practical-note{margin-top:12px}.schedule{padding:13px 17px}.schedule-row{padding:9px 0}.schedule-heading{padding-bottom:9px}.tools-layout{gap:13px;margin-top:15px}.tool-story{min-height:125px}.connections .section-heading h2{font-size:23px}.connections .section-heading>p:last-child{font-size:10px}}
@media(max-height:540px){.js-ready .scene{min-height:640px}.js-ready #pages{scroll-snap-type:y proximity}.scene{overflow:visible}.welcome-cast{bottom:65px}.connections footer{bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene [data-depth]{transform:none}.welcome-cast[data-depth]{transform:translateX(-50%)}.js-ready .reveal{transform:none}}