.dbl{--fun: "Fredoka", var(--font-heading-family), sans-serif}html[lang=zh-CN] .dbl{--fun: "Fredoka", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif}html[lang=zh-CN] .dbl-hero__h,html[lang=zh-CN] .dbl-h{font-weight:900;letter-spacing:0;line-height:1.2}.dbl-hero__h,.dbl-h,.dbl-stats dt,.dbl-meal h3,.dbl-how__steps h3,.dbl-why__i h3,.dbl-end h2,.dbp__name,.dbp__qty{font-family:var(--fun);letter-spacing:-.01em}.dbl-hero__h{font-weight:700;line-height:1.02}.dbl-h{font-weight:700}.dbl-k{font-family:var(--fun);font-weight:600;letter-spacing:.12em}.dbl-hero__h em{color:var(--o);background:none;text-decoration:none}.dbl-hero{isolation:isolate}.dbl-hero__in{position:relative;z-index:1}.dbf-float{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.dbf-dd{position:absolute;width:5.6rem;height:5.6rem;filter:drop-shadow(0 6px 10px rgba(43,29,18,.12))}.dbf-dd--1{left:2%;top:9%;width:6rem;animation:dbf-bob 6s ease-in-out infinite}.dbf-dd--2{right:5%;top:4%;width:5.4rem;animation:dbf-bob 5s -1s ease-in-out infinite;--r: 18deg}.dbf-dd--3{left:46%;top:6%;width:3rem;animation:dbf-twinkle 3s ease-in-out infinite}.dbf-dd--4{left:49%;bottom:3%;width:5.4rem;animation:dbf-bob 7s -2s ease-in-out infinite;--r: -24deg}.dbf-dd--5{right:2%;bottom:12%;width:4.6rem;animation:dbf-bob 6.5s -3s ease-in-out infinite;--r: 30deg}@media(max-width:989px){.dbf-dd--1,.dbf-dd--3,.dbf-dd--4{display:none}.dbf-dd--2{top:1%;right:4%;width:3.4rem}.dbf-dd--5{bottom:2%;right:6%}}@keyframes dbf-bob{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-1.4rem) rotate(calc(var(--r, 0deg) + 8deg))}}@keyframes dbf-twinkle{0%,to{transform:scale(.8) rotate(0);opacity:.7}50%{transform:scale(1.15) rotate(45deg);opacity:1}}.dbl-hero__media>img{animation:dbf-floaty 7s ease-in-out infinite}@keyframes dbf-floaty{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-.8rem) rotate(.6deg)}}.dbl-hero__chip{animation:dbf-pop .6s cubic-bezier(.2,1.4,.4,1) both}.dbl-hero__chip--a{animation-delay:.9s}.dbl-hero__chip--b{animation-delay:1.1s}@keyframes dbf-pop{0%{opacity:0;transform:scale(.4) rotate(-8deg)}to{opacity:1;transform:none}}.dbf-sticker{position:absolute;z-index:3;right:-1.2rem;bottom:-2.4rem;width:12.4rem;height:12.4rem;animation:dbf-pop .6s 1.3s cubic-bezier(.2,1.4,.4,1) both}.dbf-sticker svg{width:100%;height:100%;animation:dbf-spin 14s linear infinite;filter:drop-shadow(0 8px 14px rgba(43,29,18,.22))}.dbf-sticker text{font-family:var(--fun);font-size:11.6px;font-weight:700;letter-spacing:.14em;fill:#2b1d12}html[lang=zh-CN] .dbf-sticker text{letter-spacing:.08em;font-size:11px}.dbf-sticker>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.dbf-sticker__ic{width:5rem;height:5rem;animation:dbf-wiggle 2.4s ease-in-out infinite}.dbf-steam{animation:dbf-steam 1.8s ease-in-out infinite}@keyframes dbf-spin{to{transform:rotate(360deg)}}@keyframes dbf-wiggle{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes dbf-steam{0%,to{opacity:.35;transform:translateY(2px)}50%{opacity:1;transform:translateY(-3px)}}@media(max-width:989px){.dbf-sticker{width:8.4rem;height:8.4rem;right:.8rem;bottom:.8rem}.dbf-sticker__ic{width:3.2rem;height:3.2rem}}.dbf-marquee{overflow:hidden;padding:1.6rem 0;background:var(--o);border-block:3px solid var(--ink);transform:rotate(-1.2deg);margin:2.4rem -1rem 1.2rem;position:relative;z-index:2}.dbf-marquee__track{display:flex;width:max-content;animation:dbf-marquee 36s linear infinite}.dbf-marquee:hover .dbf-marquee__track{animation-play-state:paused}.dbf-marquee__i{display:inline-flex;align-items:center;gap:1.6rem;padding:0 1.6rem;white-space:nowrap;font-family:var(--fun);font-size:clamp(2.2rem,4vw,3.4rem);font-weight:700;color:#fff;text-shadow:0 2px 0 rgba(43,29,18,.25)}.dbf-marquee__ic{width:3.6rem;height:3.6rem;flex:none}@keyframes dbf-marquee{to{transform:translate(-50%)}}.dbl-why,.dbl-menu,.dbl-how,.dbl-end{position:relative}.dbf-dd--why{left:2%;top:3.2rem;width:4.8rem;animation:dbf-beat 1.6s ease-in-out infinite}.dbf-dd--menu1{right:4%;top:4rem;width:5rem;animation:dbf-bob 5.5s ease-in-out infinite;--r: 20deg}.dbf-dd--menu2{left:1%;top:46%;width:5.4rem;animation:dbf-bob 6.5s -2s ease-in-out infinite;--r: -14deg}.dbf-dd--how{right:5%;top:3.6rem;width:6rem;animation:dbf-wiggle 3s ease-in-out infinite}.dbf-dd--end1{left:4%;top:1.6rem;width:3.6rem;z-index:2;animation:dbf-twinkle 3s ease-in-out infinite}.dbf-dd--end2{right:4%;bottom:1.2rem;width:5rem;z-index:2;animation:dbf-bob 6s ease-in-out infinite}@keyframes dbf-beat{0%,to{transform:scale(1) rotate(-8deg)}15%{transform:scale(1.18) rotate(-8deg)}30%{transform:scale(1) rotate(-8deg)}45%{transform:scale(1.12) rotate(-8deg)}}@media(max-width:749px){.dbf-dd--menu2{display:none}.dbf-dd--why{width:3.6rem;top:1.6rem}.dbf-dd--menu1,.dbf-dd--how{width:4rem;top:2rem}}.dbl-stats{position:relative}.dbl-stats:before,.dbl-stats:after{content:"";position:absolute;left:0;right:0;height:1.6rem;background:inherit;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16'%3E%3Cpath d='M0 16 C10 16 10 0 20 0 S30 16 40 16 Z'/%3E%3C/svg%3E") 0 0/4rem 1.6rem repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16'%3E%3Cpath d='M0 16 C10 16 10 0 20 0 S30 16 40 16 Z'/%3E%3C/svg%3E") 0 0/4rem 1.6rem repeat-x}.dbl-stats:before{top:-1.55rem}.dbl-stats:after{bottom:-1.55rem;transform:scaleY(-1)}.dbl-stats dt{color:var(--y)}.dbl-btn{transition:transform .2s cubic-bezier(.2,1.6,.4,1),box-shadow .2s,background .2s}.dbl-btn:hover{transform:translateY(-3px) scale(1.03)}.dbl-btn:active{transform:scale(.97)}.dbl-btn>span[aria-hidden]{display:inline-block;transition:transform .2s}.dbl-btn:hover>span[aria-hidden]{transform:translate(4px);animation:dbf-nudge .6s ease-in-out infinite alternate}@keyframes dbf-nudge{to{transform:translate(8px)}}.dbl-hero__ctas .dbl-btn:not(.dbl-btn--ghost){position:relative;overflow:hidden}.dbl-hero__ctas .dbl-btn:not(.dbl-btn--ghost):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translate(-120%);animation:dbf-shine 3.2s 2s ease-in-out infinite}@keyframes dbf-shine{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.dbl-meal{transition:transform .35s cubic-bezier(.2,1.4,.4,1),box-shadow .3s}.dbl-meal:hover{transform:translateY(-6px) rotate(-.6deg)}.dbl-meal__img img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.dbl-meal:hover .dbl-meal__img img{transform:scale(1.07) rotate(2deg)}.dbl-meal__no{font-family:var(--fun);transform:rotate(-6deg)}.dbl-tag--hot{display:inline-block}.dbl-meal:hover .dbl-tag--hot{animation:dbf-shake .4s ease-in-out 2}@keyframes dbf-shake{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.dbl-why__i .dbl-ic,.dbl-ic{transition:transform .3s cubic-bezier(.2,1.6,.4,1)}.dbl-why__i:hover .dbl-ic{transform:rotate(-10deg) scale(1.15)}.dbl-how__steps li{transition:transform .35s cubic-bezier(.2,1.4,.4,1)}.dbl-how__steps li:hover{transform:translateY(-6px) rotate(.6deg)}.dbf-rv{opacity:0;transform:translateY(2.8rem) scale(.98);transition:opacity .7s ease,transform .8s cubic-bezier(.2,1,.3,1);transition-delay:var(--d, 0s)}.dbf-rv.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.dbl *,.dbl *:before,.dbl *:after,.dbf-dd,.dbf-sticker svg{animation:none!important;transition:none!important}.dbf-rv{opacity:1;transform:none}}.dbf-hero{display:flex;align-items:center;padding:0;background:#ecc9a9}.dbf-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.dbf-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.dbf-hero .dbl-hero__in{display:block;width:100%;max-width:none;padding:5rem 4vw 6rem}.dbf-hero .dbl-hero__text{max-width:min(58rem,40vw)}.dbf-hero .dbl-hero__h{font-size:clamp(3.4rem,4vw,6.4rem)}.dbf-hero .dbl-hero__lead{color:#4a3426}.dbf-hero .dbl-hero__ctas .dbl-btn{flex:0 1 auto}.dbf-hero .dbl-hero__badge{background:#ffffffd9}@media(min-width:990px){.dbf-hero{min-height:56.3vw}}@media(min-width:990px)and (max-width:1279px){.dbf-hero .dbl-hero__lead{display:none}}@media(max-width:989px){.dbf-hero{display:block;padding:0;background:linear-gradient(180deg,#e8c7a9 0% 70%,#fff6ec)}.dbf-hero__bg{position:relative;inset:auto;z-index:0}.dbf-hero__bg img{height:auto;aspect-ratio:941 / 1671;max-height:none;-webkit-mask:linear-gradient(180deg,#000 0,#000 88%,transparent 100%);mask:linear-gradient(180deg,#000 0,#000 88%,transparent 100%)}.dbf-hero .dbl-hero__in{position:relative;z-index:1;margin-top:-74vw;padding:0 1.6rem 3.6rem}.dbf-hero .dbl-hero__text{max-width:none}}.dbf-ship{padding:6.4rem 0 7.2rem;background:linear-gradient(180deg,#fff6ec,#ffe9d6);overflow:hidden}.dbf-ship__pts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:84rem;margin:0 auto 3.2rem;padding:0}.dbf-ship__pts li{display:grid;gap:.3rem;padding:1.4rem 1rem;border-radius:1.8rem;background:#fff;box-shadow:var(--shadow);text-align:center}.dbf-ship__pts strong{font-family:var(--fun);font-size:1.6rem;font-weight:700;color:var(--o-d)}.dbf-ship__pts span{font-size:1.25rem;color:var(--muted)}.dbf-ship__reel{overflow:hidden}.dbf-ship__track{display:flex;gap:1.4rem;width:max-content;animation:dbf-marquee 60s linear infinite}.dbf-ship__reel:hover .dbf-ship__track{animation-play-state:paused}.dbf-ship__track img{width:22rem;height:auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:2rem;box-shadow:var(--shadow)}.dbf-ship__track img:nth-child(odd){transform:rotate(-1.2deg)}.dbf-ship__track img:nth-child(2n){transform:rotate(1.2deg) translateY(1rem)}@media(min-width:990px){.dbf-ship{padding:9.6rem 0}.dbf-ship__track img{width:28rem}.dbf-ship__pts strong{font-size:1.9rem}}@media(max-width:749px){.dbf-ship__pts{gap:.8rem}.dbf-ship__pts li{padding:1.2rem .6rem}.dbf-ship__pts strong{font-size:1.35rem}.dbf-ship__pts span{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.dbf-ship__reel{overflow-x:auto}}@media(hover:none),(max-width:749px){.dbl-meal,.dbl-meal:hover,.dbl-meal:hover .dbl-meal__img img,.dbl-how__steps li:hover,.dbl-btn:hover{transform:none!important}.dbl-meal:hover .dbl-tag--hot{animation:none}}@media(max-width:749px){.dbl-menu__grid{touch-action:pan-x pan-y;overscroll-behavior-x:contain;overscroll-behavior-y:auto}.dbl-menu__grid .dbl-meal.dbf-rv{opacity:1;transform:none;transition:none}}.dbl-sticky .dbl-sticky__btn{background:#f26b0f;color:#fff;border:2px solid #fff;font-weight:800;white-space:nowrap;box-shadow:0 0 0 3px #f26b0f73,0 10px 20px -8px #f26b0fe6;animation:dbf-ring 2.2s ease-in-out infinite}@keyframes dbf-ring{0%,to{box-shadow:0 0 0 3px #f26b0f73,0 10px 20px -8px #f26b0fe6}50%{box-shadow:0 0 0 7px #f26b0f26,0 10px 20px -8px #f26b0fe6}}@media(prefers-reduced-motion:reduce){.dbl-sticky .dbl-sticky__btn{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/db-fun.css.map */
