:root{--paper:#f5f2e9;--ink:#252620;--muted:#77786d;--line:#deddd2;--gold:#e8c57e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{height:80px;max-width:1200px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;font-size:19px;font-weight:800;letter-spacing:-.5px}.nav-download{font-size:13px;border-bottom:1px solid var(--ink);padding:7px 0}.nav-download span{margin-left:15px}.hero{max-width:1200px;margin:30px auto 55px;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.eyebrow>span{display:inline-block;width:7px;height:7px;background:#98a17c;border-radius:50%;margin-right:7px}h1{font-size:clamp(48px,6vw,76px);letter-spacing:-3px;line-height:1.2;margin:25px 0}.underline{position:relative;z-index:0}.underline:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:13px;background:var(--gold);z-index:-1;transform:rotate(-2deg)}.intro{color:var(--muted);font-size:15px;line-height:1.9;margin:24px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:100px;padding:17px 26px;font-size:14px;font-weight:650;min-height:56px}.primary{background:var(--ink);color:white}.button span{font-size:20px;line-height:1}.button:hover{background:#43463b}.micro{font-size:11px;color:var(--muted);margin-top:13px}.scene{height:530px;background:#e8e7da;border-radius:180px 180px 28px 28px;position:relative;overflow:hidden;isolation:isolate}.scene-note{position:absolute;left:30px;right:30px;bottom:19px;font-size:9px;letter-spacing:1.5px;display:flex;justify-content:space-between;z-index:3}.wardrobe{position:absolute;width:66%;height:350px;left:16%;top:83px;filter:drop-shadow(8px 14px 10px #55543a20)}.cornice{height:17px;background:#e3d7bf;border-radius:9px 9px 1px 1px;border-bottom:3px solid #bdad90}.closet-inside{height:236px;background:linear-gradient(90deg,#9c8e73,#beb095 50%,#9c8e73);border:8px solid #d5c6a9;position:relative;overflow:hidden}.rail{position:absolute;top:23px;left:10%;width:80%;height:4px;background:#5c5947}.garment{position:absolute;top:60px;width:70px;height:113px;clip-path:polygon(24% 0,40% 0,45% 5%,55% 5%,60% 0,76% 0,100% 23%,86% 39%,78% 30%,80% 100%,20% 100%,22% 30%,14% 39%,0 23%);filter:drop-shadow(2px 2px 3px #3334)}.shirt{left:12%;background:linear-gradient(90deg,#eee8dc,#fffdf4 50%,#d9d5c9);transform:rotate(5deg)}.shirt:after{content:"";position:absolute;height:85px;width:1px;background:#c1b7a2;top:20px;left:50%}.sweater{left:37%;top:66px;background:repeating-linear-gradient(90deg,#b8c0a1 0px,#b8c0a1 4px,#a9b18f 5px);transform:rotate(-3deg)}.dress{left:61%;background:#80594d;height:138px;clip-path:polygon(28% 0,42% 0,50% 8%,58% 0,72% 0,80% 28%,66% 40%,92% 100%,8% 100%,34% 40%,20% 28%)}.door{position:absolute;top:-4px;bottom:-4px;width:19%;background:linear-gradient(90deg,#dbceb6,#eee4d2);border:1px solid #b9ab90}.door:before{content:"";position:absolute;inset:11px 7px;border:1px solid #b9ab90;border-radius:50px 50px 0 0}.left{left:-3px;transform:skewY(-8deg);transform-origin:left center}.right{right:-3px;transform:skewY(8deg);transform-origin:right center}.drawer{height:50px;background:#e2d7c1;border:5px solid #c7b798;border-top-width:3px;display:grid;place-items:center}.drawer i{width:45px;height:5px;background:#85704e;border-radius:9px}.drawer.small{height:43px}.scene-cat{position:absolute;bottom:55px;left:2%;transform:rotate(-8deg);z-index:3}.stamp{position:absolute;right:4%;bottom:65px;background:#fffaf0;transform:rotate(8deg);padding:14px 18px;font-size:10px;line-height:1.9;box-shadow:2px 4px 10px #0001;z-index:4}.stamp span{display:block;font-size:24px;line-height:1.2;text-align:right}.scene-floor{position:absolute;height:80px;bottom:0;background:#d9d9c9;width:100%;z-index:-1}.ticker{border-block:1px solid var(--line);display:flex;gap:36px;justify-content:center;align-items:center;padding:20px 15px;font-size:12px;letter-spacing:2px}.ticker i{font-style:normal;color:#ac9066}.features,.faq{max-width:1136px;margin:90px auto;padding:0 32px}.section-heading{margin-bottom:34px}.section-heading>p:last-child{font-size:14px;color:var(--muted)}h2{font-size:35px;line-height:1.4;letter-spacing:-1px;margin:16px 0}h3{font-size:21px;letter-spacing:-.5px;margin:20px 0 10px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature{padding:28px;border-radius:28px;overflow:hidden}.cream{background:#eee6d6}.rose{background:#ecdfd8}.sage{background:#e5e8dc}.white{background:#fffdf7}.feature-top{display:flex;justify-content:space-between;font-size:11px;color:#6e7165}.feature p{font-size:13px;color:#6e7165;max-width:390px;line-height:1.9;margin:0}.mini-tags{height:104px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mini-tags span{background:#faf6eb;padding:11px 16px;border-radius:50px;font-size:12px;border:1px solid #d7c9ae}.mini-tags span:nth-child(2){transform:rotate(-9deg);background:#dec28b}.mini-tags span:nth-child(4){transform:rotate(8deg)}.look-art{height:104px;position:relative}.paper-shirt{position:absolute;left:20%;top:10px;background:#fff9e9;width:72px;height:75px;clip-path:polygon(25% 0,75% 0,100% 25%,85% 45%,77% 35%,77% 100%,23% 100%,23% 35%,15% 45%,0 25%);text-align:center;padding-top:28px}.paper-skirt{position:absolute;left:46%;top:15px;width:80px;height:80px;background:#8a9080;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);transform:rotate(12deg)}.look-label{position:absolute;right:0;bottom:5px;background:#fff8;padding:4px 8px;font-size:8px;transform:rotate(-5deg)}.week{height:104px;display:flex;align-items:center;justify-content:space-around}.week span{display:flex;flex-direction:column;align-items:center;padding:8px 12px;font-size:10px;color:#838879}.week b{font-size:21px;font-weight:500;color:var(--ink);padding-top:6px}.week .selected{background:#fffdf7;border-radius:40px}.medal-art{height:104px;display:flex;align-items:center;gap:20px;justify-content:center}.medal-art span{font-size:21px;color:#947447;border-bottom:1px solid #d6bc86;padding:7px 0}.offline{max-width:1072px;margin:80px auto;background:#292d25;color:#f2f0e4;padding:55px;border-radius:32px;display:grid;grid-template-columns:.7fr 1fr;gap:55px;align-items:center}.offline h2{font-size:38px}.offline p:not(.eyebrow){font-size:14px;line-height:1.9;color:#bfc3b4}.offline .fine{font-size:11px!important;color:#9ea791!important}.offline-icon{font-size:180px;text-align:center;color:#dfc890;background:radial-gradient(ellipse,#414938,transparent 65%);line-height:1.5}.faq{max-width:850px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;font-size:15px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);line-height:1.9;max-width:650px;margin:14px 0 0}.download{max-width:1072px;margin:80px auto;background:#e9dfca;border-radius:36px;text-align:center;padding:50px 20px}.download h2{font-size:40px}.download>p:not(.eyebrow){font-size:13px;color:#736d5e}.download .button{margin-top:17px;min-width:245px}.download .download-note{font-size:10px!important;line-height:1.8;margin-top:23px}footer{max-width:1136px;margin:40px auto 28px;padding:0 32px;display:flex;gap:20px;align-items:center;justify-content:space-between}footer p,footer small{font-size:11px;color:var(--muted)}#wechat-tip{border:1px dashed #9a875b;border-radius:15px;padding:12px;max-width:400px;margin:15px auto}a:focus-visible,summary:focus-visible{outline:3px solid #a48345;outline-offset:6px}@media(max-width:700px){header{height:74px;padding:0 22px}.brand{font-size:18px}.hero{display:flex;flex-direction:column;gap:28px;margin:25px auto 30px;padding:0 22px;align-items:stretch}h1{font-size:54px;margin:22px 0;letter-spacing:-2px}.intro{font-size:14px;margin:22px 0}.hero-copy .button{min-width:240px}.scene{height:390px;border-radius:130px 130px 24px 24px}.wardrobe{top:45px;height:290px;width:64%;left:19%}.closet-inside{height:191px}.garment{width:58px;height:90px;top:50px}.sweater{top:55px}.dress{height:110px}.drawer{height:39px}.drawer.small{height:32px}.scene-cat{width:86px;height:86px;bottom:45px}.stamp{font-size:9px;right:2%;bottom:48px;padding:9px 13px}.scene-note{font-size:8px;left:21px;right:21px;bottom:15px}.scene-floor{height:54px}.ticker{gap:12px;font-size:10px;letter-spacing:0;padding:18px 10px}.features,.faq{padding:0 22px;margin:56px auto}h2{font-size:28px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature{padding:24px;border-radius:25px}.feature h3{font-size:20px;margin-top:10px}.feature p{font-size:13px}.mini-tags,.week,.look-art,.medal-art{height:95px}.offline{margin:56px 22px;padding:28px;border-radius:27px;display:block}.offline-icon{font-size:90px;line-height:1;text-align:left;margin-bottom:20px}.offline h2{font-size:29px}.offline p:not(.eyebrow){font-size:13px}.download{margin:55px 22px 30px;border-radius:28px;padding:35px 20px}.download h2{font-size:30px}.download .eyebrow{font-size:8px;letter-spacing:1.5px}footer{padding:0 22px;flex-wrap:wrap;gap:12px;margin-bottom:30px}footer p{margin-left:auto}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand img,.scene-cat,.medal-art img,.download>img{border-radius:28%}

.generated-scene{position:relative;overflow:hidden;border-radius:40px;background:#f8f2e6}.generated-scene>img{width:100%;height:auto;display:block}.generated-scene>span{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff9;padding:10px 18px;border-radius:99px;font-size:12px;color:#76614e}.feature-media{display:block;width:100%;height:200px;object-fit:cover;border-radius:22px;margin:20px 0}.cat-film{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;width:min(1136px,calc(100% - 48px));margin:70px auto}.cat-film video{display:block;width:100%;border-radius:32px;background:#f5eddd}.cat-film h2{font-size:clamp(28px,4vw,44px);line-height:1.3}.cat-film p{color:#79746b;line-height:1.8}@media(max-width:700px){.cat-film{grid-template-columns:1fr;gap:20px;margin:44px auto}.generated-scene{border-radius:30px}.feature-media{height:190px}}

/* Feature refresh: retain the cream, walnut and cat collection language. */
.closet-story{max-width:1136px;margin:86px auto;padding:0 32px;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.closet-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;max-width:450px}.small-label{display:inline-block;font-size:11px;letter-spacing:.7px;color:#846844;border-bottom:1px solid #d5bea0;padding-bottom:5px}.closet-story h2{font-size:clamp(28px,3.2vw,40px)}.closet-steps{list-style:none;padding:0;margin:30px 0}.closet-steps li{display:flex;gap:16px;align-items:flex-start;margin:22px 0}.closet-steps b{color:#96734b;font-size:13px;background:#e9e1d0;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.closet-steps strong{font-size:15px;font-weight:600}.closet-steps span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.text-link{display:inline-block;border-bottom:1px solid #92734d;padding:8px 0;font-size:13px}.app-preview{margin:0 auto;width:min(100%,300px);background:#e8ddc9;border-radius:34px;padding:10px;box-shadow:0 18px 55px #654a2820;transform:rotate(2deg)}.app-preview img{display:block;width:100%;height:auto;border-radius:26px}.app-preview figcaption{font-size:10px;text-align:center;padding:10px 0 2px;color:#75634d}.vip-mark{display:inline-flex;align-items:center;justify-content:center;background:#ead9b6;color:#674c2c;border:1px solid #d3b98c;border-radius:6px;padding:2px 7px;font-size:9px;font-weight:800;letter-spacing:1px;vertical-align:middle}.feature-note{display:block;color:#797668;font-size:11px;line-height:1.8;margin-top:14px;padding-top:12px;border-top:1px dashed #b9b09c80}.weather-example{min-height:200px;margin:20px 0;display:flex;flex-direction:column;justify-content:center;gap:15px;padding:24px;border-radius:22px;background:#f5f6ed}.weather-example>span{font-size:12px;color:#777c65}.weather-example strong{font-size:clamp(15px,2vw,20px);font-weight:600}.weather-example div{display:flex;flex-wrap:wrap;gap:8px}.weather-example div span{background:#e2e6d6;padding:5px 10px;border-radius:20px;font-size:11px}.sync-platforms>span{font-size:12px;letter-spacing:2px;color:#c9c5af}.sync-platforms>strong{display:block;font-size:29px;line-height:1.4;margin:14px 0 28px}.sync-platforms>div{display:flex;flex-wrap:wrap;gap:10px}.sync-platforms b{font-size:13px;font-weight:500;padding:10px 16px;border:1px solid #6b715e;border-radius:30px;color:#f5e6c7}.sync-platforms small{display:block;margin-top:22px;font-size:11px;color:#b9beaa}.membership{max-width:1136px;margin:86px auto;padding:0 32px}.membership .section-heading>p:last-child{max-width:640px;line-height:1.9}.benefit-table{overflow:hidden;border-radius:26px;background:#fffdf7;border:1px solid #e4dece}.benefit-table table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:13px;line-height:1.8}.benefit-table th,.benefit-table td{padding:18px 20px;border-bottom:1px solid #e6e2d7;vertical-align:top;overflow-wrap:anywhere}.benefit-table thead{background:#eae0cb}.benefit-table th:first-child{width:30%}.benefit-table thead th:nth-child(2){width:25%}.benefit-table tbody th{font-weight:600}.benefit-table tbody td:nth-child(2){color:#7b7b70}.benefit-table tbody td:last-child{background:#f3eee1;color:#634f36}.benefit-table tr:last-child>*{border-bottom:0}.member-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.member-notes article{background:#eee6d6;border-radius:24px;padding:26px}.member-notes article:last-child{background:#e5e8dc}.member-notes h3{font-size:22px;margin:15px 0 10px}.member-notes p,.membership-fine{font-size:12px;line-height:1.9;color:#747363}.membership-fine{margin:20px 4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ticker a{padding:8px 0}.ticker{flex-wrap:wrap}.hero-copy h1{font-size:clamp(42px,5.2vw,66px)}
@media(max-width:700px){.hero-copy h1{font-size:clamp(38px,10.8vw,54px);letter-spacing:-1.8px}.closet-story{display:flex;flex-direction:column;gap:28px;margin:52px auto;padding:0 22px;align-items:stretch}.app-preview{width:min(78%,280px)}.closet-steps{margin:24px 0}.closet-steps li{margin:18px 0}.sync-platforms{padding-bottom:28px;border-bottom:1px solid #59604e;margin-bottom:28px}.sync-platforms>strong{font-size:27px;margin:10px 0 20px}.membership{margin:56px auto;padding:0 18px}.membership .section-heading{padding:0 4px}.benefit-table{border-radius:20px}.benefit-table table{font-size:12px}.benefit-table th,.benefit-table td{padding:15px 10px}.benefit-table th:first-child{width:29%}.benefit-table thead th:nth-child(2){width:23%}.member-notes{grid-template-columns:1fr;gap:12px}.member-notes article{padding:23px}.member-notes h3{font-size:21px}.weather-example{min-height:170px;padding:20px}.weather-example strong{font-size:18px}.ticker{gap:10px;font-size:10px}.offline h2{font-size:clamp(25px,7vw,29px)}}

/* Actual Android material, composed as a coherent before/after series. */
.effects-origin{display:block;font-size:11px;margin-top:10px;color:#8b8173}.feature-effect{margin:22px -8px 20px}.effect-zoom{display:block;position:relative;border-radius:20px;overflow:hidden;background:#f5f2e9;border:1px solid #80664a12}.effect-zoom img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transition:transform .35s ease}.effect-zoom:hover img{transform:scale(1.025)}.zoom-hint{position:absolute;right:10px;bottom:10px;font-size:10px;padding:5px 10px;border-radius:20px;color:#68563f;background:#fffcf2e8;box-shadow:0 2px 10px #5c402010}.feature-effect figcaption{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center;margin-top:10px;color:#75634e;font-size:11px;letter-spacing:.5px}.feature p{max-width:none}#effect-lightbox{border:0;padding:54px 16px 15px;background:#f5f2e9;color:var(--ink);border-radius:24px;width:min(1100px,94vw);max-height:92dvh;overflow:auto;box-shadow:0 20px 100px #0004}#effect-lightbox::backdrop{background:#25231cd1;backdrop-filter:blur(5px)}#effect-lightbox>img{display:block;width:100%;height:auto;max-height:73dvh;object-fit:contain;border-radius:14px}#effect-lightbox>p{font-size:12px;text-align:center;color:#75634e;margin:12px 0 0}.lightbox-close{position:absolute;right:16px;top:12px;border:0;border-radius:30px;background:#292d25;color:#fff;padding:10px 18px;cursor:pointer;min-height:36px}.lightbox-close:focus-visible{outline:3px solid #b79250;outline-offset:3px}body:has(#effect-lightbox[open]){overflow:hidden}@media(max-width:700px){.feature-effect{margin:20px -10px 18px}.feature-effect figcaption{font-size:10px;gap:10px}.feature{padding:24px 20px}.zoom-hint{font-size:9px;right:7px;bottom:7px;padding:4px 8px}#effect-lightbox{padding:56px 10px 15px;border-radius:20px}}@media(prefers-reduced-motion:reduce){.effect-zoom img{transition:none}.effect-zoom:hover img{transform:none}}