/* 裝飾層:內嵌 SVG 與 CSS,無外部請求;規範見 docs/DESIGN-SYSTEM.md「裝飾規範」 */
@media screen and (forced-colors:none) and (prefers-contrast:no-preference){:root{--dc-g:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .1 0 0 0 0 .32 0 0 0 0 .18 1.1 0 0 0 -.38'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='.17'/></svg>");--dc-sp:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 14'><g fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path d='M1.5 10C8 12 14 6.5 23 8.5'/><path d='M22 8.5C22.5 3 28 1.2 33.5 3C32.5 8 27.5 10.5 22 8.5ZM23 8C26 6.5 29 4.5 32 3.6'/><path d='M9 10.4C8.6 12.6 11 13.4 13.4 12.8C13.6 10.8 11.6 9.6 9 10.4Z'/></g></svg>");--dc-ul:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 8'><path d='M1 5C10 2 18 6.5 30 4S52 3 63 5.5C52 6 40 7.2 28 6.4S8 7.5 1 5Z'/></svg>");--dc-q:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 30'><path d='M2 28V16C2 8 7 3 15 1.5L16.5 5C11.5 6.5 10 10 10 13H16V28ZM23 28V16C23 8 28 3 36 1.5L37.5 5C32.5 6.5 31 10 31 13H37V28Z'/></svg>");--dc-r:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 20'><g fill='none' stroke='%234f9a6a' stroke-opacity='.7' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 11C60 7 150 15 214 10' stroke-dasharray='7 5 2 5'/><path d='M216 10C222 1 236 0 244 5C240 14 226 17 216 10ZM217 10C226 8 234 6 243 5M246 9C290 13 330 6 370 10S440 12 476 8'/><path d='M300 10C320 8 340 9 360 10' stroke-width='2.4'/></g></svg>");--dc-wg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 30' preserveAspectRatio='none'><path d='M0 30V15C300 -3 600 30 1200 7V30Z' fill='%2314361f'/></svg>");--dc-wgt:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 30' preserveAspectRatio='none'><path d='M0 0H1200V9C900 30 600 -2 0 15Z' fill='%2314361f'/></svg>");--dc-wc:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 30' preserveAspectRatio='none'><path d='M0 30V15C300 -3 600 30 1200 7V30Z' fill='%23fffefa'/></svg>");--dc-ww:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 30' preserveAspectRatio='none'><path d='M0 30V15C300 -3 600 30 1200 7V30Z' fill='%23fcf7e8'/></svg>");--dc-cn:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'><path d='M1.5 16C1 8 4 2.5 16.5 1.5' fill='none' stroke='%231f6b3a' stroke-opacity='.42' stroke-width='1.4' stroke-linecap='round'/><circle cx='2' cy='2.5' r='1.1' fill='%231f6b3a' fill-opacity='.42'/></svg>");--dc-bu:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 280'><g fill='none' stroke='%23fff' stroke-opacity='.5' stroke-width='1.2' stroke-linecap='round'><circle cx='60' cy='40' r='12'/><circle cx='250' cy='30' r='7'/><circle cx='310' cy='120' r='16'/><circle cx='200' cy='172' r='10'/><circle cx='300' cy='238' r='12'/><path d='M180 52C186 62 190 68 190 74a10 10 0 0 1-20 0C170 68 174 62 180 52Z'/></g></svg>");--dc-a:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 240' width='560' height='240'><defs><path id='l' d='M0 0C3-8 13-10 21-6C18 4 7 7 0 0Z'/></defs><g fill='none' stroke='%234f9a6a' stroke-opacity='.62' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M22 176C130 164 340 182 530 168M30 196C150 189 350 202 520 191M22 176C14 182 20 192 30 196M530 168C540 175 534 186 520 191M96 172c4 7 36 8 40 1M246 177c4 7 36 8 40 1'/><g transform='translate(116 168)'><use href='%23l' transform='rotate(-135) scale(1.4)'/><use href='%23l' transform='rotate(-92) scale(2)'/><use href='%23l' transform='rotate(-48) scale(1.5)'/></g><g transform='translate(266 173)'><use href='%23l' transform='rotate(-145) scale(1.6)'/><use href='%23l' transform='rotate(-105) scale(2.2)'/><use href='%23l' transform='rotate(-65) scale(2)'/><use href='%23l' transform='rotate(-30) scale(1.4)'/></g><g transform='translate(416 168)'><use href='%23l' transform='rotate(-110) scale(1.3)'/><use href='%23l' transform='rotate(-60) scale(1.4)'/></g><path d='M70 72C200 60 400 80 520 64M72 82C200 70 400 90 518 74M150 96c3 5 5 8 5 11a5 5 0 0 1-10 0c0-3 2-6 5-11Z'/><use href='%23l' transform='translate(474 128) rotate(38) scale(1.1)'/></g></svg>");--dc-v:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-12 0 68 1000' width='68' height='1000'><defs><path id='l' d='M0 0C3-8 13-10 21-6C18 4 7 7 0 0Z'/></defs><g fill='none' stroke='%234f9a6a' stroke-opacity='.5' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path d='M22 0C12 70 32 120 20 190S8 290 24 360S34 470 18 540S10 650 26 720S32 830 19 900S14 960 22 1000'/><use href='%23l' transform='translate(27 140) rotate(-35) scale(0.9)'/><use href='%23l' transform='translate(12 250) rotate(-150) scale(0.8)'/><use href='%23l' transform='translate(30 390) rotate(-20) scale(1.1)'/><use href='%23l' transform='translate(14 610) rotate(-50) scale(0.7)'/><use href='%23l' transform='translate(28 760) rotate(-145) scale(1)'/><use href='%23l' transform='translate(22 880) rotate(-25) scale(0.9)'/></g></svg>")}:root{--dc-b1:linear-gradient(180deg,#fffefa 0,#fffefa 30%,#fbf8ee);--dc-b2:linear-gradient(180deg,#fcf7e8,#fdfaf0);--dc-b3:linear-gradient(180deg,#edf5ec,#f3f8f2 45%);--dc-b4:linear-gradient(180deg,#faf7ef,#f7f4e8);--dc-wh:clamp(1rem,2.4vw,2rem);--dc-aw:clamp(13rem,27vw,30rem);--dc-e:cubic-bezier(.3,.7,.3,1)}body{background-image:var(--dc-g)}main{position:relative}main>section,.page-hero{position:relative;isolation:isolate}main>section>.wrap,.page-hero>.wrap,.page-hero>.page{position:relative;z-index:1}#shop,#storage,#recipes{background-image:var(--dc-g),var(--dc-b1)}#learn,.ck-end{background-image:var(--dc-g),var(--dc-b2)}main>section.tint{background-image:var(--dc-g),var(--dc-b3)}.page-hero:not(.photo){background-image:var(--dc-g),var(--dc-b4)}.trust,footer.site{background-image:var(--dc-g)}.hero::after,.page-hero::after,#cold::after,.trust+#shop::before,main>section.tint::before,#why::after{content:"";position:absolute;z-index:0;pointer-events:none}.hero::after{inset:0;background:var(--dc-wg) bottom/100% var(--dc-wh) no-repeat}.page-hero::after{inset:0;background:var(--dc-wc) bottom/100% var(--dc-wh) no-repeat,var(--dc-a) right 3% bottom calc(var(--dc-wh) + 2px)/var(--dc-aw) auto no-repeat}#cold::after{inset:0;background:var(--dc-ww) bottom/100% var(--dc-wh) no-repeat}.trust+#shop::before{inset:0 0 auto;height:var(--dc-wh);background:var(--dc-wgt) top/100% 100% no-repeat}main>section.tint::before,#why::after{top:calc(var(--dc-wh)*.5);left:0;right:0;margin:0 auto;width:min(30rem,78%);height:20px;background:var(--dc-r) center/100% 100% no-repeat}.eyebrow::before{width:34px;height:13px;flex:none;border-radius:0;background:currentColor;-webkit-mask:var(--dc-sp) center/contain no-repeat}:is(.ck-b>h2,.kn-wrap h2,.page:not(.legal)>h2,.sec-head:not(:has(.eyebrow))>h2)::after{content:"";display:block;width:3.6rem;height:.5rem;margin-top:.5em;background:currentColor;-webkit-mask:var(--dc-ul) left/contain no-repeat;opacity:.5}@media(min-width:1100px){.kn-hero .lead{position:relative}.kn-hero .lead::before{content:"";position:absolute;left:-2.6rem;top:-.1rem;width:1.7rem;height:1.3rem;color:var(--g700);background:currentColor;-webkit-mask:var(--dc-q) center/contain no-repeat;opacity:.3}}.card,.big,.sec-card{background:#fff var(--dc-cn) 9px 9px/16px no-repeat}.pd-pic,.prod .pic{outline:1px solid rgba(255,255,255,.75);outline-offset:-8px}.ck-notice,.ck-cta{box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 6px rgba(31,107,58,.2)}.hero .wrap::before,#cold .wrap::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset-block:-3rem;inset-inline-end:0;width:min(52%,34rem);background:var(--dc-bu) right center/contain no-repeat}#cold .wrap::before{width:min(36%,24rem);inset-block:0;opacity:.8}@media(max-width:640px){.hero .wrap::before{inset-block:auto -1.5rem;height:48%;width:72%;opacity:.55}#cold .wrap::before{display:none}.page-hero{--dc-aw:clamp(9rem,44vw,14rem)}}@media(min-width:1240px){main::before,main::after{content:"";position:absolute;top:0;bottom:0;width:68px;z-index:1;pointer-events:none}main::before{left:calc((100% - var(--wrap-max))/4 - 34px);background:var(--dc-v) center top/68px 1000px repeat-y}main::after{right:calc((100% - var(--wrap-max))/4 - 34px);background:var(--dc-v) center 430px/68px 1000px repeat-y}}@media(prefers-reduced-motion:no-preference){.js :is(.card,.big,.sec-card,.prod){transition:opacity .6s var(--ease),transform .22s var(--dc-e),box-shadow .25s}.big .num .ico,.trust .ico{transition:transform .28s var(--dc-e);transform-origin:50% 90%}@media(hover:hover){:is(.card,.big,.prod):hover{transform:translateY(-3px)}.swipe-on .swipe-track>:hover{transform:none}.big:hover .num .ico,.trust li:hover .ico{transform:rotate(-9deg) scale(1.07)}}@keyframes dc-bob{to{transform:translateY(-14px)}}.hero .wrap::before,#cold .wrap::before{animation:dc-bob 12s ease-in-out infinite alternate}@keyframes dc-par{to{transform:translateY(-80px)}}@supports(animation-timeline:scroll()){main::before,main::after{animation:dc-par linear both;animation-timeline:scroll(root)}}}@media(max-width:39.99rem){.page-hero::after{background:var(--dc-wc) bottom/100% var(--dc-wh) no-repeat}}}
