:root{--ys-sky:#9AC4FB;--ys-blue:#6EB0F8;--ys-yellow:#FDC83B;--ys-cloud:#FAFAF5;--ys-brown:#983922;--ys-red:#E81A24;--ys-ink:#33261F;--ys-paper:#FFFDF8;--ys-line:#E7DED2;--ys-sky-soft:#EAF3FE;--ys-yellow-soft:#FFF5D9;--ys-photo:#EFE8DD;--ys-hand:"LXGW WenKai TC","Chiron GoRound TC",serif;--ys-round:"Chiron GoRound TC","PingFang HK","Noto Sans HK",sans-serif;--ys-type:"Courier Prime",ui-monospace,monospace;--font-body--family:var(--ys-round);--font-subheading--family:var(--ys-round);--font-heading--family:var(--ys-hand);--font-accent--family:var(--ys-round)}body{background:var(--ys-paper);color:var(--ys-ink)}.ys{font-family:var(--ys-round);color:var(--ys-ink);-webkit-font-smoothing:antialiased}.ys *{box-sizing:border-box}.ys img{display:block;max-width:100%;height:auto}.ys a{color:inherit}.ys-wrap{max-width:1080px;margin:0 auto;padding:0 22px;position:relative}.ys-sec{padding:88px 0}.ys-head{text-align:center;margin-bottom:44px}.ys-eyebrow{font-family:var(--ys-type);font-weight:700;font-size:14px;letter-spacing:.06em;opacity:.75;margin:0}.ys h1,.ys h2{font-family:var(--ys-hand);font-weight:700;letter-spacing:.02em;color:var(--ys-ink);margin:0}.ys h3{font-family:var(--ys-round);font-weight:900;color:var(--ys-ink);margin:0}.ys-head h2{font-size:38px;margin-top:4px;line-height:1.25}.ys-head p{margin:10px 0 0;font-size:16px;line-height:1.8}.ys-br{display:inline}.ys-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--ys-round);font-weight:700;font-size:16px;letter-spacing:.03em;background:var(--ys-ink);color:#fff8ec!important;border:none;border-radius:999px;padding:13px 26px;text-decoration:none;cursor:pointer;transition:opacity .15s}.ys-btn:hover{opacity:.88}.ys-btn--white{background:#fff;color:var(--ys-ink)!important;box-shadow:inset 0 0 0 1.5px var(--ys-ink)}.ys-price{font-family:var(--ys-type);font-weight:700}.ys-spark{position:absolute;width:var(--s,80px);height:var(--s,80px);pointer-events:none;fill:var(--c,var(--ys-yellow));z-index:0}.ys-hero{background:var(--ys-sky);position:relative;overflow:hidden;padding:70px 0 90px;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1.2px),radial-gradient(rgba(0,0,0,.025) 1px,transparent 1.2px);background-size:7px 7px,11px 11px}.ys-cloud{position:relative;isolation:isolate;max-width:640px;margin:0 auto;text-align:center;padding:40px 30px 46px}.ys-cloud>svg{position:absolute;top:-6%;right:-8%;bottom:-6%;left:-8%;width:116%;height:112%;z-index:-1;fill:var(--ys-cloud)}.ys-hero__logo{width:min(300px,62%);margin:0 auto 6px}.ys-hero h1{font-size:60px;line-height:1.2;margin-top:4px}.ys-hero__sub{font-size:19px;margin:10px 0 26px;font-weight:500}.ys-hero__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.ys-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:22px;position:relative}.ys-chips span{background:#fff;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:700}.ys-handle{position:absolute;left:0;right:0;bottom:26px;text-align:center;font-family:var(--ys-type);font-weight:700;font-size:15px}.ys-occ{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ys-occ a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#fff;border:1px solid var(--ys-line);border-radius:22px;padding:22px 14px 24px;text-decoration:none;transition:transform .15s}.ys-occ a:hover{transform:translateY(-3px)}.ys-occ img{width:64px;padding:8px;border-radius:50%;background:var(--ys-yellow-soft)}.ys-occ a:nth-child(2n) img{background:var(--ys-sky-soft)}.ys-occ b{font-family:var(--ys-hand);font-weight:700;font-size:20px}.ys-occ span{font-size:13px;line-height:1.6}.ys-shop{display:flex;flex-wrap:wrap;justify-content:center;gap:26px 22px}.ys-card{width:calc((100% - 44px)/3);background:#fff;border:1px solid var(--ys-line);border-radius:20px;padding:14px 14px 22px;display:flex;flex-direction:column;text-decoration:none}.ys-ph{position:relative;border-radius:14px;overflow:hidden;background:var(--ys-photo);display:flex;align-items:center;justify-content:center;aspect-ratio:4/3}.ys-ph img.ys-ph__img{width:100%;height:100%;object-fit:cover}.ys-ph__mark{width:22%;opacity:.25;filter:grayscale(1)}.ys-ph__label{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:12px;color:#9b8b7e}.ys-badge{position:absolute;top:10px;left:10px;z-index:2;background:#fff;color:var(--ys-ink);font-family:var(--ys-type);font-weight:700;font-size:11px;letter-spacing:.08em;border-radius:6px;padding:3px 8px}.ys-card__txt{display:flex;flex-direction:column;flex:1}.ys-card__title{font-family:var(--ys-hand);font-weight:700;font-size:22px;margin:18px 6px 6px}.ys-card__desc{margin:0 6px 16px;font-size:15px;line-height:1.75}.ys-card__row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:auto 6px 0}.ys-card__more{font-weight:700;border-bottom:1px solid var(--ys-ink)}.ys-pack{background:#fff}.ys-packgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.ys-packgrid figure{margin:0}.ys-pf{aspect-ratio:1/1;background:var(--ys-paper);border:1px solid var(--ys-line);border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:18px}.ys-pf img{max-height:100%;object-fit:contain}.ys-pf img.ys-pf__tag{height:100%;width:auto;border-radius:8px;box-shadow:0 6px 16px #00000014}.ys-pf--photo{background:var(--ys-photo);color:#9b8b7e;font-size:13px}.ys-pf--photo img{width:100%;height:100%;object-fit:cover}.ys-packgrid figcaption{font-size:14px;line-height:1.7;margin-top:12px;color:#5c4b40}.ys-packgrid figcaption b{display:block;font-family:var(--ys-hand);font-size:19px;color:var(--ys-ink);margin-bottom:2px}.ys-tags-sec{background:var(--ys-yellow-soft);position:relative;overflow:hidden}.ys-tags{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-items:start}.ys-tag{position:relative;padding-top:26px}.ys-tag:before{content:"";position:absolute;top:0;left:50%;width:2px;height:34px;background:var(--ys-red);transform:translate(-50%) rotate(var(--rot,0deg));transform-origin:top}.ys-tag img{border-radius:12px;box-shadow:0 8px 18px #7850001f;transform:rotate(var(--rot,0deg))}.ys-tag:nth-child(odd){--rot:-3deg}.ys-tag:nth-child(2n){--rot:2.5deg;margin-top:22px}.ys-center{text-align:center;margin-top:40px}.ys-why{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.ys-why>div{text-align:center;padding:10px}.ys-why img{width:78px;margin:0 auto 12px}.ys-why h3{font-size:18px;margin-bottom:6px}.ys-why p{font-size:14px;line-height:1.75;margin:0}.ys-ship{background:var(--ys-sky-soft);border-radius:28px;padding:44px;display:grid;grid-template-columns:1fr 1.3fr;gap:34px;align-items:center}.ys-ship h2{font-size:38px;line-height:1.25;margin-top:4px}.ys-ship p{margin:12px 0 22px;line-height:1.8}.ys-ship ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.ys-ship li{background:#fff;border:1px solid var(--ys-line);border-radius:20px;padding:16px;font-weight:700;font-size:16px;line-height:1.5}.ys-ship li small{display:block;font-weight:400;font-size:13px;color:#6f6157;margin-top:2px}.ys-sub{background:var(--ys-yellow-soft);text-align:center;padding:66px 22px}.ys-sub h2{font-size:36px}.ys-sub p{margin:10px 0 22px}.ys-form{display:flex;gap:10px;justify-content:center;max-width:460px;margin:0 auto}.ys-form input[type=email]{flex:1;min-width:0;font:inherit;font-size:15px;border:none;border-radius:999px;padding:14px 20px;background:#fff;color:var(--ys-ink);box-shadow:inset 0 0 0 1px var(--ys-line)}.ys-form-msg{margin-top:12px;font-weight:700}.ys-footer{background:var(--ys-sky);padding:50px 0 28px;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1.2px);background-size:7px 7px}.ys-footer .ys-wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;align-items:start}.ys-find{font-family:var(--ys-hand);font-weight:700;font-size:30px;line-height:1.2}.ys-contact a{display:flex;align-items:center;gap:10px;font-family:var(--ys-type);font-weight:700;font-size:15px;text-decoration:none;margin:10px 0}.ys-contact i{width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.ys-ico{width:18px;height:18px;fill:none;stroke:var(--ys-ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ys-footer h4{font-family:var(--ys-round);font-weight:900;font-size:15px;margin:0 0 8px}.ys-links a{display:block;text-decoration:none;font-size:14px;margin:7px 0}.ys-footer__logo{width:150px;background:var(--ys-cloud);border-radius:50%;padding:14px}.ys-copy{grid-column:1/-1;border-top:1.5px dashed rgba(51,38,31,.25);padding-top:16px;font-family:var(--ys-type);font-size:12px;display:flex;justify-content:space-between;gap:8px}@media(max-width:760px){.ys-wrap{padding:0 16px}.ys-sec{padding:60px 0}.ys-head h2{font-size:30px}.ys-br{display:block}.ys-hero{padding:44px 0 74px}.ys-cloud{padding:28px 18px 34px;margin:0 10px}.ys-cloud>svg{top:-4%;right:-14%;bottom:-4%;left:-14%;width:128%;height:108%}.ys-hero h1{font-size:40px}.ys-hero__sub{font-size:16px}.ys-spark--m-hide{display:none}.ys-occ{grid-template-columns:1fr 1fr;gap:10px}.ys-occ a{padding:16px 10px 18px}.ys-occ img{width:58px}.ys-occ b{font-size:18px}.ys-shop{gap:18px}.ys-card{width:100%;flex-direction:row;gap:12px;padding:10px;border-radius:20px}.ys-card .ys-ph{flex:0 0 40%;aspect-ratio:1/1}.ys-card .ys-ph__label{display:none}.ys-card__title{font-size:19px;margin:6px 2px 4px}.ys-card__desc{font-size:13px;margin:0 2px 8px;line-height:1.6}.ys-card__row{margin:auto 2px 2px}.ys-card .ys-price{font-size:13px}.ys-packgrid{grid-template-columns:1fr 1fr;gap:14px}.ys-packgrid figcaption{font-size:12.5px}.ys-packgrid figcaption b{font-size:17px}.ys-tags{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:0 16px 20px;margin:0 -16px}.ys-tag{flex:0 0 62%;scroll-snap-align:center}.ys-why{grid-template-columns:1fr 1fr;gap:10px}.ys-why img{width:72px}.ys-ship{grid-template-columns:1fr;padding:28px 20px}.ys-ship ul{grid-template-columns:1fr}.ys-ship h2,.ys-sub h2{font-size:28px}.ys-form{flex-direction:column}.ys-footer .ys-wrap{grid-template-columns:1fr}.ys-copy{flex-direction:column}}.ys-pains-sec{background:#fff}.ys-pains{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ys-pain{background:var(--ys-paper);border:1px solid var(--ys-line);border-radius:20px;padding:22px 22px 20px}.ys-pain__q{font-family:var(--ys-hand);font-weight:700;font-size:20px;line-height:1.45;margin:0 0 10px;color:#8a7a6e}.ys-pain__a{margin:0;font-size:15px;line-height:1.75;font-weight:500;display:flex;gap:8px}.ys-pain__a span{color:var(--ys-blue);font-weight:900}.ys-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ys-steps li{text-align:center;padding:10px 14px}.ys-step__n{display:inline-flex;width:54px;height:54px;border-radius:50%;background:var(--ys-yellow);align-items:center;justify-content:center;font-family:var(--ys-type);font-size:22px;margin-bottom:12px}.ys-steps li:nth-child(2n) .ys-step__n{background:var(--ys-sky)}.ys-steps h3{font-size:18px;margin-bottom:6px}.ys-steps p{margin:0;font-size:14px;line-height:1.75}.ys-steps__note{text-align:center;margin:26px 0 0;font-size:14px;color:#6f6157}.ys-faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.ys-faq details{background:#fff;border:1px solid var(--ys-line);border-radius:16px;padding:16px 20px}.ys-faq summary{cursor:pointer;font-weight:900;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px}.ys-faq summary::-webkit-details-marker{display:none}.ys-faq summary:after{content:"+";font-family:var(--ys-type);font-size:20px;line-height:1}.ys-faq details[open] summary:after{content:"\2212"}.ys-faq p{margin:10px 0 0;font-size:15px;line-height:1.8}@media(max-width:760px){.ys-pains{grid-template-columns:1fr;gap:12px}.ys-pain{padding:18px}.ys-pain__q{font-size:18px}.ys-steps{grid-template-columns:1fr;gap:8px}}.ys-pw2{background:var(--ys-paper);text-align:center;padding:0 0 30px}.ys-pw2__top{position:relative;max-width:640px;margin:0 auto;padding:64px 22px 56px}.ys-pw2__badge{width:150px;height:150px;margin:0 auto 22px;border-radius:50%;background:var(--ys-sky-soft);display:flex;align-items:center;justify-content:center}.ys-pw2__badge img{width:76%}.ys-pw2 h1{font-size:52px;line-height:1.2;margin-top:6px}.ys-pw2__lead{font-size:17px;line-height:1.9;margin:16px 0 8px}.ys-pw2__date{display:inline-block;font-family:var(--ys-type);font-weight:700;font-size:14px;letter-spacing:.06em;border-top:1px solid var(--ys-line);border-bottom:1px solid var(--ys-line);padding:6px 14px;margin:6px 0 26px}.ys-pw2__fine{font-size:12px;color:#9b8b7e;margin:12px 0 0}.ys-pw2__details{background:#fff;border-top:1px solid var(--ys-line);border-bottom:1px solid var(--ys-line);padding:56px 0 60px}.ys-pw2__details h2{font-size:32px;margin:4px 0 30px}.ys-pw2__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:840px;margin:0 auto}.ys-pw2__grid figure{margin:0}.ys-pw2__grid figcaption{font-size:13px;color:#6f6157;margin-top:10px;line-height:1.6}.ys-pw2__grid figcaption b{display:block;font-family:var(--ys-hand);font-size:18px;color:var(--ys-ink)}.ys-pw2__contact{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin:34px 0 8px}.ys-pw2__contact a{display:flex;align-items:center;gap:8px;font-family:var(--ys-type);font-weight:700;font-size:15px;color:var(--ys-ink);text-decoration:none}.ys-pw2__copy{font-family:var(--ys-type);font-size:12px;color:#9b8b7e;margin:6px 0 0}.password-footer__powered-by{display:none}.password-footer{background:var(--ys-paper)}@media(max-width:760px){.ys-pw2__top{padding:44px 18px}.ys-pw2__badge{width:120px;height:120px}.ys-pw2 h1{font-size:38px}.ys-pw2__lead{font-size:15px}.ys-pw2__grid{grid-template-columns:1fr 1fr 1fr;gap:10px}.ys-pw2__grid figcaption{font-size:11px}.ys-pw2__grid figcaption b{font-size:14px}.ys-pw2__details h2{font-size:26px}}.ys h1,.ys h2,.ys-hero__sub,.ys-head p,.ys-card__desc,.ys-pain__a,.ys-steps p{text-wrap:balance}.announcement-bar__slider{display:flex!important;justify-content:center!important;grid-column:1 / -1!important;width:100%!important}.announcement-bar__slides{margin:0 auto!important;width:100%!important}.announcement-bar__slide,.announcement-bar__text{justify-content:center!important;text-align:center!important;width:100%!important}.ys-hero__sub{max-width:480px;text-wrap:wrap;margin-left:auto!important;margin-right:auto!important}@media(max-width:760px){.ys-hero__sub{max-width:320px}}.ys-cloud>svg{max-width:none!important;max-height:none!important}.ys-occ img{width:64px!important;height:64px!important;object-fit:contain;box-sizing:border-box}.ys-why img{width:78px!important;height:78px!important;object-fit:contain}@media(max-width:760px){.ys-occ img{width:58px!important;height:58px!important}.ys-why img{width:72px!important;height:72px!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ys.css.map */