html:has(.yp-page){scroll-behavior:smooth;scroll-padding-top:100px}body:has(.yp-page){margin:0;background:#f3f2e9;color:#294032;font-family:"PingFang SC","Microsoft Yahei",sans-serif}.yp-page *{box-sizing:border-box}.yp-page h1,.yp-page h2,.yp-page p{margin:0}.yp-page a{color:inherit;text-decoration:none}.yp-page button{font:inherit;cursor:pointer}.yp-page h1,.yp-page h2{font-family:YFEditorial,"Songti SC",serif;font-weight:400}.yp-header{background:#f3f2e9e8;backdrop-filter:blur(10px);color:#294032;border-color:#29403225}.yp-nav{display:flex;gap:30px;font-size:11px}.yp-back{font-size:10px;border-bottom:1px solid #899b76;padding:8px 0}.yp-hero{height:100svh;min-height:650px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 45%,#dbe4c7,#f3f2e9 64%)}.yp-hero-copy{position:absolute;left:10%;top:50%;transform:translateY(-40%);z-index:2;max-width:420px}.yp-hero h1{font-size:clamp(68px,8vw,125px);line-height:1}.yp-hero h1 small{display:block;font:15px "PingFang SC",sans-serif;letter-spacing:.25em;margin-top:25px}.yp-tagline{font:26px YFEditorial,serif;margin-top:35px!important;color:#8b713d}.yp-summary{font-size:12px;line-height:2;max-width:290px;margin-top:20px!important;color:#6c7a63}.yp-capacity{font:18px Georgia,serif;margin-top:36px;display:flex;align-items:center;gap:20px}.yp-capacity span{font:9px sans-serif;color:#788669;letter-spacing:.12em}.yp-bottle{position:absolute;left:70%;top:51%;height:78svh;aspect-ratio:4/5;transform:translate(-50%,-50%) rotate(6deg);filter:drop-shadow(20px 25px 28px #28452224);pointer-events:none}.yp-bottle img{width:100%;height:100%;object-fit:contain}.yp-hero-circle{position:absolute;width:56vw;height:56vw;max-height:750px;max-width:750px;border:1px solid #8c9e7250;border-radius:50%;left:70%;top:48%;transform:translate(-50%,-50%)}.yp-hero-circle:before{content:"";position:absolute;inset:8%;border:1px solid #8c9e7230;border-radius:50%}.yp-hero-word{position:absolute;left:38%;top:17%;white-space:nowrap;font:italic 11vw Georgia,serif;opacity:.045}.yp-hero-foot{position:absolute;left:10%;right:10%;bottom:35px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#6e8063}.yp-principle{display:grid;grid-template-columns:1.05fr 1fr;background:#203b2e;color:#e9eedc;min-height:700px}.yp-principle-image{position:relative;min-height:580px;overflow:hidden}.yp-principle-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.yp-principle-image>span{position:absolute;left:25px;bottom:25px;padding:7px 10px;font-size:8px;background:#f4f1e2cc;color:#455343}.yp-principle-copy{align-self:center;padding:80px 12%}.yp-page h2{font-size:clamp(34px,4.4vw,65px);line-height:1.3;letter-spacing:-.04em}.yp-principle-copy>p:not(.yf-eyebrow){font-size:12px;line-height:2.2;color:#b4c1ac;margin-top:30px}.yp-mechanism{display:flex;align-items:center;gap:20px;margin-top:40px}.yp-mechanism span{font-size:10px}.yp-mechanism b{display:block;color:#b7cc91;font:25px Georgia,serif;margin-bottom:8px}.yp-mechanism i{font-size:13px;color:#768e6b;font-style:normal}.yp-caption{font-size:9px!important}.yp-formula{padding:110px 8vw;background:#f1efe4}.yp-section-heading{display:flex;align-items:end;justify-content:space-between}.yp-section-heading>p{font-size:12px;line-height:2;color:#778365}.yp-ingredients{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid #87977545;border-left:1px solid #87977545}.yp-ingredient{padding:35px;min-height:180px;border-bottom:1px solid #87977545;border-right:1px solid #87977545;position:relative;background:linear-gradient(140deg,#ffffff55,transparent);overflow:hidden}.yp-ingredient>span{font:italic 33px Georgia,serif;color:#a6b08b}.yp-ingredient h3{font:22px YFEditorial,serif;margin:20px 0 7px}.yp-ingredient p{font-size:9px;color:#7b876c;letter-spacing:.1em}.yp-ingredient:after{content:"";position:absolute;right:-30px;top:24px;width:140px;height:140px;border:1px solid #b3bd9b55;border-radius:70% 30% 70% 30%;transform:rotate(-30deg);pointer-events:none}.yp-functions{display:flex;gap:15px;flex-wrap:wrap;margin-top:32px}.yp-functions span{padding:10px 18px;border-radius:30px;border:1px solid #9cab8050;font-size:11px;background:#e4e9d455}.yp-formula-note{font-size:9px;color:#7d886e;margin-top:20px!important;line-height:1.9}.yp-ritual{padding:100px 8vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;background:#e5ead8}.yp-ritual-copy>p:not(.yf-eyebrow){margin-top:25px;font-size:12px;line-height:2;color:#68785f}.yp-step-buttons{display:flex;flex-direction:column;margin-top:30px}.yp-step-buttons button{text-align:left;display:flex;gap:20px;padding:18px 0;color:#6c7d5e;border:0;border-bottom:1px solid #97a78650;background:none}.yp-step-buttons button[aria-pressed=true]{color:#213b2b}.yp-step-buttons b{font:italic 28px Georgia,serif}.yp-step-buttons span{font-size:14px}.yp-step-buttons small{display:block;font-size:9px;margin-top:7px;font-weight:400;opacity:.7}.yp-demo{min-width:0;align-self:center}.yp-demo canvas{display:block;aspect-ratio:1.1;width:100%;border:1px solid #a5ae9050;border-radius:3px;background:#f5f3e8}.yp-demo-caption{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #97a78650;font-size:10px}.yp-demo-caption button{border:0;background:none;color:#44623d;font-size:10px}.yp-demo>p{font-size:9px;line-height:1.8;color:#788568;margin-top:14px}.yp-guidance{padding:95px 8vw;background:#f4f2e8}.yp-guidance>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.yp-guidance article{border-top:1px solid #8ea07560;padding-top:25px}.yp-guidance b{font:23px YFEditorial,serif;font-weight:400}.yp-guidance article p{font-size:12px;line-height:2;color:#77836a;margin-top:15px}.yp-brand-return{padding:95px 8vw;text-align:center;background:#263e30;color:#e8ecd9}.yp-brand-return .yf-eyebrow{justify-content:center}.yp-brand-return h2{font-size:clamp(28px,4vw,56px)}.yp-brand-return>p:not(.yf-eyebrow){font-size:12px;margin-top:22px;color:#b7c4a8}.yp-brand-return>div{display:flex;justify-content:center;gap:40px;margin-top:35px;font-size:12px}.yp-brand-return a{border-bottom:1px solid #b7c4a865;padding-bottom:10px}.yp-footer{display:flex;justify-content:space-between;padding:26px 8vw;gap:15px;font-size:9px;background:#1a3124;color:#a4b595}.yp-footer>a:first-child{font-family:YFEditorial,serif;font-size:14px}.yp-page a:focus-visible,.yp-page button:focus-visible{outline:2px solid #92a877;outline-offset:5px}
@media(min-width:761px){.yp-ritual h2{font-size:clamp(30px,3.5vw,56px)}}
.yp-header{backdrop-filter:none;background:#f3f2e9}
.yp-bottle{filter:none}
.yp-hero.is-offscreen .yp-bottle img,.yp-page.is-page-hidden *{animation-play-state:paused!important}
.yp-principle{padding:90px 6vw 100px;gap:5vw;grid-template-columns:1.15fr 1fr;min-height:0;align-items:center}
.yp-principle-image{min-height:0;aspect-ratio:3/2;overflow:visible}
.yp-principle-image img{object-fit:contain;border-radius:3px}
.yp-principle-image>span{left:0;bottom:-35px;padding:0;background:none;color:#c8d0bd;font-size:8px}
.yp-principle-copy{padding:25px 0}
.yp-principle-copy h2{font-size:clamp(32px,3.9vw,60px)}
.yp-principle-copy .yf-eyebrow{font-size:8px;line-height:1.8}
.yp-garment-demo{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:3px;background:#e7e8e1;isolation:isolate}
.yp-garment-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .65s ease;pointer-events:none}
.yp-garment-frame.is-active{opacity:1}
.yp-garment-label{position:absolute;bottom:15px;left:16px;z-index:3;display:flex;align-items:center;gap:10px;font-size:7px;letter-spacing:.12em;color:#334d3b;padding:7px 9px;background:#fbfaf0d9}
.yp-garment-label i{height:1px;width:18px;background:currentColor}
.yp-spray{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:0}
.yp-spray img{position:absolute;width:190px;height:237px;right:-36px;top:-18px;transform:rotate(-50deg);transform-origin:50% 40%}
.yp-spray-cloud{position:absolute;width:42%;height:35%;left:47%;top:22%;background:radial-gradient(ellipse at 60% 30%,#fff9,transparent 65%);clip-path:polygon(100% 0,30% 100%,0 40%);transform-origin:100% 0}
.is-spraying .yp-spray{animation:yp-spray-enter 1.2s ease-in-out both}
.is-spraying .yp-spray-cloud{animation:yp-fine-mist 1.1s ease-out both}
.yp-demo-caption{align-items:center;min-height:54px;line-height:1.7}
.yp-demo-caption button{flex-shrink:0;min-height:38px;padding:8px 0}
.yp-step-buttons button{min-height:67px}
@keyframes yp-spray-enter{0%{opacity:0;transform:translate(15%,-10%)}22%,74%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(10%,-8%)}}
@keyframes yp-fine-mist{0%,20%{opacity:0;transform:scale(.5)}40%{opacity:.8}100%{opacity:0;transform:scale(1.3)}}
@media(max-width:760px){.yp-principle{padding:60px 7vw 70px;gap:20px}.yp-principle-copy{padding:0}.yp-principle-image{width:100%;min-height:0!important;margin-top:15px}.yp-principle-image>span{font-size:7px;bottom:-25px}.yp-spray img{width:150px;height:187px;right:-30px;top:-17px}.yp-garment-label{font-size:6px;left:10px;bottom:10px;gap:6px}.yp-demo-caption{font-size:9px;gap:10px}}
@media(prefers-reduced-motion:reduce){.yp-garment-frame{transition:none}.yp-spray{display:none!important}}
@media(max-width:760px){html:has(.yp-page){scroll-padding-top:120px}.yp-header{height:76px}.yp-nav{position:absolute;top:76px;left:22px;right:22px;justify-content:center;padding:13px 0;background:#f3f2e9e8;font-size:10px;gap:35px}.yp-back{font-size:9px}.yp-hero{min-height:740px}.yp-hero-copy{left:7%;top:23%;transform:none;max-width:87%}.yp-hero h1{font-size:65px}.yp-hero h1 small{font-size:11px;margin-top:15px}.yp-tagline{font-size:22px;margin-top:24px!important}.yp-summary{font-size:10px;max-width:200px;margin-top:12px!important}.yp-capacity{margin-top:20px;font-size:16px;gap:15px}.yp-capacity span{font-size:8px}.yp-bottle{height:47svh;left:77%;top:71%}.yp-hero-circle{width:85vw;height:85vw;left:76%;top:73%}.yp-hero-word{font-size:73px;top:18%;left:43%}.yp-hero-foot{left:7%;right:7%;font-size:7px;bottom:23px}.yp-principle{display:flex;flex-direction:column;min-height:0}.yp-principle-image{min-height:360px;order:2}.yp-principle-copy{padding:65px 8vw}.yp-page h2{font-size:36px}.yp-principle-copy>p:not(.yf-eyebrow){margin-top:23px;font-size:12px}.yp-mechanism{gap:25px;margin-top:25px}.yp-formula{padding:65px 7vw}.yp-section-heading{align-items:start}.yp-section-heading>p{display:none}.yp-ingredients{grid-template-columns:1fr 1fr;margin-top:30px}.yp-ingredient{padding:25px 18px;min-height:145px}.yp-ingredient h3{font-size:18px;line-height:1.5;margin-top:12px}.yp-ingredient>span{font-size:25px}.yp-ingredient p{font-size:7px}.yp-functions{gap:8px;margin-top:22px}.yp-functions span{padding:8px 12px;font-size:9px}.yp-ritual{padding:65px 7vw;grid-template-columns:1fr;gap:30px}.yp-step-buttons{margin-top:23px}.yp-step-buttons button{padding:15px 0}.yp-demo>p{font-size:8px}.yp-guidance{padding:65px 7vw}.yp-guidance>div{grid-template-columns:1fr;gap:25px;margin-top:30px}.yp-guidance article{padding-top:20px}.yp-guidance article p{font-size:11px;margin-top:10px}.yp-brand-return{padding:65px 7vw}.yp-brand-return h2{font-size:28px;line-height:1.6}.yp-brand-return>p:not(.yf-eyebrow){font-size:10px;line-height:1.8}.yp-brand-return>div{gap:25px;font-size:10px;margin-top:25px}.yp-footer{flex-wrap:wrap;padding:25px 7vw;font-size:8px}.yp-footer>span{order:3;width:100%}}
@media(max-width:760px){.yp-principle-copy{padding:0}.yp-principle-image{aspect-ratio:3/2;width:100%;min-height:0!important}.yp-principle{padding:60px 7vw 70px}.yp-principle .yp-principle-copy h2{font-size:34px}}
@media(max-width:760px){.yp-ritual{gap:0}.yp-ritual-copy{display:contents}.yp-ritual-copy>.yf-eyebrow{grid-row:1}.yp-ritual-copy>h2{grid-row:2}.yp-ritual-copy>p:not(.yf-eyebrow){grid-row:3}.yp-demo{grid-row:4;margin-top:28px}.yp-step-buttons{grid-row:5;flex-direction:row;gap:12px;margin-top:16px}.yp-step-buttons button{flex:1;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-width:0;padding:10px 0}.yp-step-buttons button[aria-pressed=true]{border-bottom:2px solid #294b38}.yp-step-buttons b{font-size:22px}.yp-step-buttons span{font-size:12px}.yp-step-buttons small{display:none}}