yl-welcome-popup{display:block;font-family:var(--yl-commerce-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif);font-weight:400;line-height:1.4;color:#17393d}yl-welcome-popup button,yl-welcome-popup input{font:inherit}yl-welcome-popup [hidden]{display:none!important}
yl-welcome-popup *{box-sizing:border-box}
yl-welcome-popup button,yl-welcome-popup input{font:inherit}
yl-welcome-popup button,yl-welcome-popup a{-webkit-tap-highlight-color:transparent}
yl-welcome-popup button{cursor:pointer}
yl-welcome-popup a{color:inherit}
yl-welcome-popup button:focus-visible,yl-welcome-popup a:focus-visible,yl-welcome-popup input:focus-visible{outline:3px solid #78b8b2;outline-offset:3px}
yl-welcome-popup button{border:0}
yl-welcome-popup button[hidden],yl-welcome-popup [hidden]{display:none!important}
yl-welcome-popup dialog{margin:auto;padding:0;border:0;border-radius:20px;max-width:calc(100vw - 48px);width:1100px;max-height:calc(100svh - 48px);overflow:auto;box-shadow:0 28px 110px #001d3255;background:#fcfaf5;color:#17393d}
yl-welcome-popup dialog::backdrop{background:#0c252c70;backdrop-filter:blur(5px)}
yl-welcome-popup .popup-layout{display:grid;grid-template-columns:47% 53%;position:relative}
yl-welcome-popup .close{position:absolute;right:13px;top:12px;z-index:5;background:transparent;color:#183b40;width:42px;height:42px;border-radius:50%;font-size:29px;font-weight:300}
yl-welcome-popup .close:hover{background:#122f3510}
yl-welcome-popup .ad-area{position:relative;min-height:678px;overflow:hidden;background:#0a3d3e;color:#fff7dc}
yl-welcome-popup .ad-slide{position:absolute;inset:0}
yl-welcome-popup .ad-image{width:100%;height:100%;object-fit:cover;object-position:71% center}
yl-welcome-popup .ad-shade{position:absolute;inset:0;background:linear-gradient(180deg,#062f3c40,transparent 32%,#052f3444 60%,#052b32f5)}
yl-welcome-popup .ad-kicker{position:absolute;left:34px;top:24px;font-size:9px;letter-spacing:1.6px;z-index:2;font-weight:500}
yl-welcome-popup .ad-copy{position:absolute;left:34px;right:34px;bottom:95px;z-index:2}
yl-welcome-popup .ad-copy h2{font-family:var(--yl-commerce-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif);font-size:44px;line-height:1.1;font-weight:400;letter-spacing:-1.4px;margin:0 0 22px}
yl-welcome-popup .ad-copy em{font-weight:400}
yl-welcome-popup .ad-copy a{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;font-size:12px;text-decoration:none;border-bottom:1px solid #ffffff80;padding-bottom:10px}
yl-welcome-popup .ad-copy a span{font-size:19px}
yl-welcome-popup .slide-count{font-size:9px;letter-spacing:1px;opacity:.8;margin:0 12px}
yl-welcome-popup .offer-panel{padding:38px 46px 23px}
yl-welcome-popup .brand{width:143px;height:auto;display:block}
yl-welcome-popup .intro{margin-top:28px}
yl-welcome-popup .eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;margin:0 0 12px}
yl-welcome-popup .offer-amount{display:flex;align-items:flex-start;color:#164950;line-height:.82;position:relative;gap:2px}
yl-welcome-popup .offer-amount>span{font-family:var(--yl-commerce-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif);font-weight:600;font-size:112px;letter-spacing:-9px}
yl-welcome-popup .offer-amount sup{font-size:48px;font-weight:400;margin:6px 9px 0 3px}
yl-welcome-popup .offer-amount b{align-self:flex-end;font-size:18px;font-weight:600;letter-spacing:1.2px;line-height:1;padding-bottom:8px}
yl-welcome-popup .intro h2{font-size:29px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin:19px 0 12px}
yl-welcome-popup .intro h2 em{font-family:var(--yl-commerce-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif);font-weight:400;font-size:32px}
yl-welcome-popup .offer-description{font-size:12px;line-height:1.8;color:#5b706f;margin:0}
yl-welcome-popup .offer-description strong{color:#23474a;font-weight:600}
yl-welcome-popup form{margin-top:23px}
yl-welcome-popup label{display:block;font-size:11px;margin-bottom:7px;font-weight:500}
yl-welcome-popup .input-wrap{position:relative}
yl-welcome-popup .input-wrap input{width:100%;height:49px;border:1px solid #c4d0c9;border-radius:6px;background:#fffefa;padding:0 40px 0 15px;color:#173c40;font-size:13px}
yl-welcome-popup .input-wrap>span{position:absolute;right:16px;top:14px;color:#9ba9a0;font-size:16px}
yl-welcome-popup .submit{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:52px;border-radius:6px;background:#b9453d;color:#fff8e4;padding:12px 17px;margin-top:10px;font-size:13px;font-weight:600}
yl-welcome-popup .button-arrow{font-size:23px;font-weight:400}
yl-welcome-popup .submit:hover{filter:brightness(1.07)}
yl-welcome-popup .consent{font-size:10px;line-height:1.65;color:#6b7974;margin:12px 0 0}
yl-welcome-popup .consent a{text-underline-offset:3px;white-space:nowrap}
yl-welcome-popup .offer-terms{border-top:1px solid #d9dfd4;margin-top:20px;padding-top:14px;color:#77817a;font-size:9px;line-height:1.65}
yl-welcome-popup .offer-terms p{margin:0;font-size:inherit;line-height:inherit;color:inherit}
yl-welcome-popup .offer-terms .terms-top{font-size:9px;font-weight:500;color:#52665e;margin-bottom:7px}
yl-welcome-popup .decline{display:block;background:transparent;font-size:11px;color:#6c7e72;margin:10px auto 0;padding:8px;min-height:32px;text-decoration:underline;text-underline-offset:4px}
yl-welcome-popup .product{background:#e6ecdf;color:#173e40}
yl-welcome-popup .product .ad-kicker{color:#365a58}
yl-welcome-popup .product-halo{position:absolute;inset:90px 45px 240px;background:#f6f7ed;border-radius:50% 50% 2px 2px}
yl-welcome-popup .product-img{position:absolute;top:88px;left:10%;width:80%;height:290px;object-fit:contain;mix-blend-mode:multiply}
yl-welcome-popup .product .ad-copy{bottom:93px}
yl-welcome-popup .product .ad-copy a{border-color:#47666075}
yl-welcome-popup .care{background:#d6e8e6}
yl-welcome-popup .ad-area:has(.product:not([hidden])){color:#224749}
yl-welcome-popup .success{margin-top:27px}
yl-welcome-popup .code{font-size:22px;letter-spacing:1px;padding:16px;border:1px dashed #6c9287;display:flex;justify-content:space-between;align-items:center}
yl-welcome-popup .code button{font-size:11px;border-radius:20px;background:#d9e7db;padding:8px 12px;color:#164144}
yl-welcome-popup .success-note,yl-welcome-popup .demo-status{font-size:11px;line-height:1.7}
yl-welcome-popup .demo-status{color:#9d4d42}
@media(max-width:700px){yl-welcome-popup dialog{width:calc(100% - 28px);max-width:430px;max-height:calc(100svh - 28px);border-radius:16px}
yl-welcome-popup .popup-layout{display:flex;flex-direction:column;padding:0}
yl-welcome-popup .close{color:#fff9e6;background:#052b3652;right:8px;top:8px;width:36px;height:36px;font-size:25px;backdrop-filter:blur(6px)}
yl-welcome-popup .ad-area{min-height:174px;height:174px;border-radius:0;flex-shrink:0}
yl-welcome-popup .ad-image{object-position:center 56%}
yl-welcome-popup .ad-shade{background:linear-gradient(90deg,#052e37e0 0%,#052e3766 55%,#052e3715)}
yl-welcome-popup .ad-kicker{font-size:6.5px;left:22px;top:11px;letter-spacing:1.1px;max-width:75%}
yl-welcome-popup .ad-copy{left:22px;right:20px;bottom:40px}
yl-welcome-popup .ad-copy h2{font-size:27px;margin-bottom:5px;letter-spacing:-.7px}
yl-welcome-popup .ad-copy a{font-size:9px;gap:14px;padding-bottom:4px;min-height:22px;border-bottom:0}
yl-welcome-popup .ad-copy a span{font-size:14px}
yl-welcome-popup .slide-count{font-size:7px;margin:0 2px}
yl-welcome-popup .offer-panel{padding:22px 23px 12px}
yl-welcome-popup .brand{width:113px}
yl-welcome-popup .intro{margin-top:16px}
yl-welcome-popup .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:9px}
yl-welcome-popup .offer-amount>span{font-size:77px;letter-spacing:-6px}
yl-welcome-popup .offer-amount sup{font-size:34px;margin:3px 6px 0 2px}
yl-welcome-popup .offer-amount b{font-size:12px;padding-bottom:5px;letter-spacing:1px}
yl-welcome-popup .intro h2{font-size:23px;letter-spacing:-.7px;margin:12px 0 8px}
yl-welcome-popup .intro h2 em{font-size:25px}
yl-welcome-popup .offer-description{font-size:10.5px;line-height:1.65}
yl-welcome-popup form{margin-top:16px}
yl-welcome-popup label{font-size:9px;margin-bottom:5px}
yl-welcome-popup .input-wrap input{height:43px;padding-left:12px;font-size:12px}
yl-welcome-popup .input-wrap>span{top:12px;right:12px;font-size:14px}
yl-welcome-popup .submit{min-height:46px;margin-top:8px;font-size:11.5px;padding:9px 14px}
yl-welcome-popup .button-arrow{font-size:20px}
yl-welcome-popup .consent{font-size:9px;line-height:1.55;margin-top:9px}
yl-welcome-popup .offer-terms{font-size:8px;line-height:1.55;margin-top:13px;padding-top:10px}
yl-welcome-popup .offer-terms .terms-top{font-size:8px;margin-bottom:5px}
yl-welcome-popup .decline{font-size:9px;margin-top:5px;min-height:28px;padding:6px}
yl-welcome-popup .product-halo{inset:15px 25px 15px auto;width:125px;border-radius:80px}
yl-welcome-popup .product-img{top:14px;left:auto;right:15px;width:140px;height:140px}
yl-welcome-popup .product .ad-copy{bottom:42px;right:120px}
yl-welcome-popup .product .ad-kicker{font-size:6px}
yl-welcome-popup .product .ad-copy h2{font-size:26px}
yl-welcome-popup .product .ad-copy a{font-size:8px;white-space:nowrap}
yl-welcome-popup .success{margin-top:17px}
yl-welcome-popup .code{font-size:17px;padding:12px}
yl-welcome-popup .success-note,yl-welcome-popup .demo-status{font-size:9px}
}
@media(max-width:360px){yl-welcome-popup dialog{width:calc(100% - 20px)}
yl-welcome-popup .offer-panel{padding-left:18px;padding-right:18px}
yl-welcome-popup .offer-terms{font-size:7.7px}
yl-welcome-popup .ad-area{height:155px;min-height:155px}
yl-welcome-popup .intro h2{font-size:21px}
yl-welcome-popup .offer-amount>span{font-size:69px}
}
@media(prefers-reduced-motion:reduce){yl-welcome-popup *{scroll-behavior:auto!important}
}
yl-welcome-popup dialog:focus{outline:none}
@media(max-width:700px){yl-welcome-popup .offer-description{font-size:12px}
yl-welcome-popup .input-wrap input{font-size:16px}
yl-welcome-popup .submit{font-size:13px}
yl-welcome-popup .consent{font-size:10px}
yl-welcome-popup .offer-terms{font-size:9px}
yl-welcome-popup .offer-terms .terms-top{font-size:9px}
yl-welcome-popup .decline{font-size:10px}
yl-welcome-popup .ad-copy{bottom:44px}
yl-welcome-popup .product .ad-copy{bottom:44px}
}
@media(max-width:700px) and (max-height:700px){yl-welcome-popup .ad-area{height:145px;min-height:145px}
yl-welcome-popup .offer-panel{padding-top:16px}
yl-welcome-popup .intro{margin-top:12px}
yl-welcome-popup .offer-amount>span{font-size:66px}
yl-welcome-popup .brand{width:100px}
yl-welcome-popup .ad-copy h2,yl-welcome-popup .product .ad-copy h2{font-size:23px}
}
yl-welcome-popup .mayin-slide{background:#053743;color:#fff4dc}
yl-welcome-popup .mayin-slide picture{display:block;width:100%;height:100%}
yl-welcome-popup .mayin-image{width:100%;height:100%;object-fit:cover}
yl-welcome-popup .mayin-shade{position:absolute;inset:0;background:linear-gradient(180deg,#032a3655 0%,transparent 29%,transparent 64%,#042e3cef 84%,#042e3c 100%)}
yl-welcome-popup .mayin-headline{position:absolute;left:34px;top:60px;right:30px;font-family:var(--yl-commerce-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif);font-size:39px;font-weight:400;letter-spacing:-.9px;line-height:1.08;margin:0}
yl-welcome-popup .mayin-headline em{font-weight:400;color:inherit}
yl-welcome-popup .mayin-slide .ad-kicker,yl-welcome-popup .mayin-name,yl-welcome-popup .mayin-price{color:#fff4dc}
yl-welcome-popup .mayin-details{position:absolute;bottom:88px;left:34px;right:31px}
yl-welcome-popup .mayin-name{font-size:18px;font-weight:500;letter-spacing:-.2px;margin:0 0 7px}
yl-welcome-popup .mayin-benefit{font-size:10px;line-height:1.5;color:#c1d2cd;margin:0 0 16px}
yl-welcome-popup .mayin-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
yl-welcome-popup .mayin-price{font-size:28px;letter-spacing:-.5px;margin:0;white-space:nowrap}
yl-welcome-popup .mayin-price>span{font-size:12px;letter-spacing:0}
yl-welcome-popup .mayin-price small{display:block;font-size:9px;letter-spacing:0;margin-top:4px;color:#bfd0cb}
yl-welcome-popup .mayin-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;text-decoration:none;border-bottom:1px solid #c1d7cd66;padding:10px 0}
yl-welcome-popup .mayin-cta span{font-size:19px}
yl-welcome-popup .mayin-cta:hover{color:white;border-color:white}
@media(max-width:700px){yl-welcome-popup .mayin-slide{background:#063542}
yl-welcome-popup .mayin-image{object-fit:contain;object-position:right bottom}
yl-welcome-popup .mayin-shade{background:linear-gradient(90deg,#052f39a6,transparent 60%)}
yl-welcome-popup .mayin-slide .ad-kicker{top:13px;font-size:7px;left:22px;letter-spacing:1.1px}
yl-welcome-popup .mayin-headline{left:22px;right:auto;top:43px;font-size:24px;line-height:1.04;letter-spacing:-.5px}
yl-welcome-popup .mayin-details{left:22px;right:auto;bottom:32px}
yl-welcome-popup .mayin-name,yl-welcome-popup .mayin-benefit{display:none}
yl-welcome-popup .mayin-bottom{display:flex;gap:15px;align-items:center}
yl-welcome-popup .mayin-price{font-size:15px;letter-spacing:-.2px}
yl-welcome-popup .mayin-price>span{font-size:8px}
yl-welcome-popup .mayin-price small{font-size:6.5px;display:inline;margin-left:3px}
yl-welcome-popup .mayin-cta{font-size:8px;gap:8px;border:0;padding:6px 0}
yl-welcome-popup .mayin-cta span{font-size:13px}
}
@media(max-width:360px){yl-welcome-popup .mayin-headline{font-size:22px;top:39px}
yl-welcome-popup .mayin-details{bottom:29px}
yl-welcome-popup .mayin-bottom{gap:10px}
yl-welcome-popup .mayin-price{font-size:14px}
yl-welcome-popup .mayin-cta{font-size:7px}
}
@media(max-width:700px){yl-welcome-popup .mayin-image{mask-image:linear-gradient(180deg,transparent,black 43%)}
yl-welcome-popup .mayin-bottom{flex-direction:column;align-items:flex-start;gap:0}
yl-welcome-popup .mayin-details{bottom:28px}
yl-welcome-popup .mayin-cta{font-size:9px;padding:4px 0;gap:12px}
yl-welcome-popup .mayin-price{font-size:16px}
yl-welcome-popup .mayin-price small{font-size:7px}
yl-welcome-popup .mayin-headline{font-size:23px}
yl-welcome-popup .mayin-slide .ad-kicker{font-size:7px}
}
yl-welcome-popup .water-care-slide .mayin-headline{font-size:36px}
yl-welcome-popup .water-care-slide .mayin-benefit{font-size:11px}
@media(max-width:700px){yl-welcome-popup .water-care-slide .mayin-headline{font-size:21px}
yl-welcome-popup .water-care-slide .mayin-image{mask-image:linear-gradient(180deg,transparent,black 25%)}
yl-welcome-popup .water-care-slide .mayin-shade{background:linear-gradient(90deg,#052f39c9,transparent 52%)}
}

yl-welcome-popup dialog{position:fixed;inset:0;overscroll-behavior:contain}yl-welcome-popup .brand{object-fit:contain;object-position:left center}yl-welcome-popup .form-errors{color:#9f2e27;font-size:12px;line-height:1.5;margin:12px 0}yl-welcome-popup .form-errors:empty{display:none}yl-welcome-popup .success .submit{text-decoration:none}yl-welcome-popup .success form{margin:0}yl-welcome-popup .mayin-headline,yl-welcome-popup .ad-copy h2{color:inherit;text-transform:none}yl-welcome-popup .mayin-cta,yl-welcome-popup .ad-copy a{color:inherit}yl-welcome-popup .offer-amount span{line-height:inherit}yl-welcome-popup .submit{border:0}yl-welcome-popup .code{overflow-wrap:anywhere}yl-welcome-popup .copy-status{min-height:1.4em;font-size:11px}yl-welcome-popup .intro h2{font-family:var(--yl-commerce-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif);color:inherit;text-transform:none}yl-welcome-popup .consent a{color:inherit}

yl-welcome-popup,yl-welcome-popup *{font-family:var(--yl-commerce-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif)!important;font-style:normal!important;font-synthesis:none}
yl-welcome-popup .offer-amount>span{letter-spacing:-5px}
@media(max-width:700px){yl-welcome-popup .offer-amount>span{letter-spacing:-3px}}

yl-welcome-popup .mayin-headline,yl-welcome-popup .ad-copy h2,yl-welcome-popup .intro h2{font-weight:600;letter-spacing:-.025em;line-height:1.15}
yl-welcome-popup .intro h2 em,yl-welcome-popup .mayin-headline em,yl-welcome-popup .ad-copy em{font-size:inherit;font-weight:inherit;color:inherit}
yl-welcome-popup .offer-amount>span{letter-spacing:-.045em;font-variant-numeric:lining-nums tabular-nums}
yl-welcome-popup .mayin-price,yl-welcome-popup .code{font-variant-numeric:lining-nums tabular-nums}
yl-welcome-popup .offer-description{font-size:14px;line-height:1.6}
yl-welcome-popup label,yl-welcome-popup .consent,yl-welcome-popup .success-note{font-size:12px;line-height:1.6}
yl-welcome-popup .offer-terms,yl-welcome-popup .offer-terms .terms-top{font-size:11px;line-height:1.6}
yl-welcome-popup .input-wrap input{font-size:16px}
yl-welcome-popup .submit{font-size:14px}
yl-welcome-popup .eyebrow,yl-welcome-popup .ad-kicker{font-size:10px;letter-spacing:.12em}
@media(max-width:700px){yl-welcome-popup .offer-description{font-size:13px}yl-welcome-popup label,yl-welcome-popup .consent,yl-welcome-popup .success-note,yl-welcome-popup .decline{font-size:11px}yl-welcome-popup .offer-terms,yl-welcome-popup .offer-terms .terms-top{font-size:10px}yl-welcome-popup .eyebrow,yl-welcome-popup .mayin-slide .ad-kicker{font-size:9px;letter-spacing:.08em}yl-welcome-popup .mayin-price>span{font-size:10px}yl-welcome-popup .mayin-price small{font-size:9px}yl-welcome-popup .mayin-cta{font-size:11px}}