@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans TC,system-ui,sans-serif;color:#193d2d;background:#fffdf8;font-size:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c68a3c;outline-offset:3px}.app{overflow:hidden}.top-note{background:#315b40;color:#fff;text-align:center;font-size:14px;padding:9px 10px}.header{background:#fffefa;position:relative;z-index:5;border-bottom:1px solid #e5ebdf}.header-wrap{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 24px}.logo{display:flex;align-items:center;gap:10px;white-space:nowrap}.logo-icon{font-size:54px;color:#669849;line-height:1}.logo strong{display:block;font-size:29px;letter-spacing:.02em;line-height:1.25}.logo small{display:block;font-size:12px;letter-spacing:.1em;color:#658c62;font-weight:700}.desktop-links{display:flex;gap:25px;font-size:16px;font-weight:700}.header-tools{display:flex;gap:16px}.header-tools button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;color:#19402d;font-size:29px;line-height:1.1}.header-tools button span{font-size:13px;font-weight:700}.header-tools button:disabled{opacity:.55;cursor:not-allowed}.header-search,.mobile-menu{max-width:1200px;margin:auto;padding:14px 24px;background:#f2f6ee}.header-search{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-search input{border:1px solid #9cb69d;border-radius:12px;padding:10px;margin-left:8px;max-width:200px}.mobile-menu{display:flex;gap:16px;flex-wrap:wrap;font-weight:700}.hero{max-width:1200px;margin:0 auto;min-height:460px;display:grid;grid-template-columns:1fr .9fr;background:linear-gradient(120deg,#f2f8e8,#e5efd4 60%,#d4e8b9);position:relative;overflow:hidden}.hero-copy{padding:60px 20px 50px 7%;position:relative;z-index:2}.hero-kicker{font-weight:700;color:#6b8458;font-size:17px}.hero h1{font-size:clamp(43px,5vw,70px);line-height:1.18;margin:14px 0 8px;color:#17462f}.hero h2{font-size:clamp(27px,3.3vw,42px);line-height:1.4;color:#93571d;margin:10px 0 15px}.hero p{line-height:1.9;font-size:18px;color:#294b38}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#155b38;color:#fff;font-weight:800;font-size:19px;border-radius:50px;padding:15px 25px;margin-top:18px;min-height:58px}.cta:hover{background:#0d462a}.hero-picture{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 65% 40%,#f8ffe8 0,#d6eab9 48%,transparent 75%)}.picture-label{position:absolute;right:20px;bottom:20px;background:#ffffffce;padding:10px 16px;border-radius:30px;font-weight:700;color:#315b40}.fruit-art{width:330px;height:330px;position:relative;flex-shrink:0;filter:drop-shadow(0 15px 18px #355e2c22)}.leaf{position:absolute;background:linear-gradient(130deg,#85b451,#2f7a3d);width:105px;height:150px;border-radius:2% 95% 4%;transform:rotate(40deg);left:110px;top:3px}.leaf-b{left:40px;top:80px;transform:rotate(-38deg);background:linear-gradient(130deg,#a3c967,#3d8847)}.leaf-c{left:185px;top:93px;transform:rotate(100deg)}.noni{position:absolute;width:145px;height:165px;background-color:#e7f0a9;background-image:radial-gradient(ellipse at center,#789a50 0 2px,#cadb89 3px 9px,transparent 10px),linear-gradient(145deg,#f8f9c6,#c8d57d);background-size:25px 25px,100% 100%;border:7px solid #e1eaa2;border-radius:48% 53% 45% 50%;box-shadow:inset -13px -13px 20px #a4bc6e66,7px 9px 13px #50683a33;transform:rotate(-12deg);left:125px;top:93px}.noni-b{width:108px;height:127px;left:35px;top:162px;transform:rotate(20deg)}.noni-c{width:86px;height:108px;left:222px;top:180px;transform:rotate(35deg)}.fruit-small{width:155px;height:155px;transform:scale(.48);transform-origin:center;position:absolute;right:-30px;bottom:-30px}.category-row{max-width:1160px;margin:20px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 18px}.category{min-height:145px;border-radius:19px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;background:#edf5e9;padding:15px 8px;text-align:center}.category:nth-child(2){background:#fbf0e0}.category:nth-child(3){background:#e9f2fa}.category:nth-child(4){background:#f9e9e9}.cat-icon{font-size:42px;color:#497b54}.category strong{font-size:21px}.category small{font-size:14px;color:#65766c}.content-section{max-width:1160px;margin:auto;padding:55px 18px 25px}.section-title{display:flex;align-items:center;gap:22px;margin-bottom:22px}.section-title h2{font-size:31px;margin:0}.section-title>span{font-size:17px;color:#657968}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.product{background:#fff;border:1px solid #e9ede5;border-radius:21px;padding:12px;box-shadow:0 6px 22px #2a4b2b0b;overflow:hidden}.product-photo{height:310px;position:relative;background:radial-gradient(circle at 50% 20%,#fff8e6,#e9edda 80%);border-radius:15px;display:grid;place-items:center;overflow:hidden}.powder-photo{background:radial-gradient(circle at 50% 20%,#fff9ee,#f2e8d6 80%)}.product-photo img{width:100%;height:100%;object-fit:contain}.tag{position:absolute;left:13px;top:12px;border-radius:30px;background:#d96d24;color:#fff;font-size:15px;padding:6px 14px;font-weight:700;z-index:2}.bottle{position:relative;width:100px;height:218px;border-radius:12px 12px 19px 19px;background:linear-gradient(90deg,#321d13,#7d4123 25%,#492614 70%,#27140d);box-shadow:13px 15px 15px #3d281d33;z-index:1;margin-top:35px}.bottle-cap{position:absolute;top:-26px;left:19px;width:62px;height:34px;border-radius:7px;background:repeating-linear-gradient(90deg,#171a14 0,#171a14 5px,#3a3b2d 6px,#3a3b2d 9px)}.bottle-label,.jar-label{position:absolute;top:80px;left:5px;right:5px;background:#fafaf0;min-height:103px;text-align:center;padding:13px 2px;color:#315b40;font-weight:800;font-size:12px}.bottle-label small,.jar-label small{display:block;font-size:15px;margin:4px 0}.bottle-label span,.jar-label span{font:700 11px Georgia,serif;color:#7ca35f}.jar{width:165px;height:165px;position:relative;margin-top:60px;border-radius:10px 10px 24px 24px;background:linear-gradient(90deg,#d8d5bd,#f5e9c8 30%,#e2d4ad 85%);box-shadow:10px 15px 15px #4e402a30;z-index:1}.jar-lid{position:absolute;top:-26px;left:-4px;right:-4px;height:37px;background:repeating-linear-gradient(90deg,#faf9ef 0,#faf9ef 7px,#d6d2c3 8px,#d6d2c3 11px);border-radius:10px}.jar-label{top:45px;min-height:100px;left:8px;right:8px;font-size:13px}.product-body{padding:14px 7px}.product-body h3{font-size:25px;margin:0 0 7px}.product-body p{color:#667568;font-size:17px;margin:0 0 10px}.price{color:#c33a28;font-size:26px}.product-pending{display:block;color:#7a6645;font-size:18px;margin:13px 0}.unavailable{display:block;background:#e6eee4;color:#43684c;text-align:center;border-radius:50px;padding:12px;font-size:16px;font-weight:700}.demo-disclosure,.search-hint{font-size:14px;color:#7c877a;line-height:1.7}.farm{max-width:1160px;margin:35px auto 10px;background:#e7f0df;border-radius:24px;min-height:320px;display:grid;grid-template-columns:1fr .85fr;overflow:hidden}.farm-copy{padding:36px 7%;position:relative;z-index:1}.eyebrow{font-size:21px;color:#426b48;font-weight:800}.farm h2{font-size:34px;line-height:1.45;margin:10px 0}.farm p{line-height:1.8;font-size:18px}.farm-picture{position:relative;min-height:300px;background:linear-gradient(#bfe1ed 0,#bfe1ed 43%,#9bc889 44%,#9bc889 62%,#51844b 63%)}.farm-sun{position:absolute;width:90px;height:90px;background:#fff3b2;border-radius:50%;right:20%;top:12%}.farm-hills{position:absolute;bottom:0;left:-10%;width:120%;height:58%;border-radius:50% 50% 0 0;background:linear-gradient(30deg,#3f783b,#7eac60)}.farm-picture .fruit-art{position:absolute;right:25%;top:15%;transform:scale(.75)}.farm-picture>span{position:absolute;bottom:20px;right:18px;background:#fffbe7;border-radius:50px;padding:12px 18px;font-weight:800}.knowledge{padding-bottom:55px}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.article{border:1px solid #e4e9dd;border-radius:16px;overflow:hidden;background:#fff}.article-icon{height:120px;display:grid;place-items:center;font-size:65px;color:#699357;background:#e6f0dd}.article-icon-1{background:#dcead8}.article-icon-2{background:#f6e7d4;color:#a57645}.article-icon-3{background:#f4ebd7;color:#af8e56}.article>div:last-child{padding:15px}.article h3{font-size:19px;margin:0 0 7px}.article p{font-size:15px;color:#677769;line-height:1.7;margin:0 0 8px}.article small{font-size:13px;color:#9a8467}.offer{max-width:1160px;margin:0 auto 45px;background:#f6eee2;border-radius:18px;display:flex;align-items:center;gap:25px;padding:26px 35px}.offer>span{font-size:54px}.offer h2{font-size:25px;margin:0 0 8px}.offer p{margin:0;font-size:17px;color:#786e61}footer{border-top:1px solid #e7eadf;padding:32px max(22px,calc((100vw - 1140px)/2)) 50px}footer strong{font-size:23px}footer p{font-size:16px;color:#607661}footer small{font-size:13px;color:#889387}.bottom-nav{display:none}@media(max-width:800px){:root{font-size:18px}.top-note{font-size:12px}.header-wrap{padding:12px 15px}.logo-icon{font-size:39px}.logo strong{font-size:23px}.logo small{font-size:10px}.desktop-links{display:none}.header-tools{gap:9px}.header-tools button{font-size:26px}.header-tools button span{font-size:11px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:32px 23px 10px}.hero h1{font-size:43px}.hero h2{font-size:30px}.hero p{font-size:17px}.hero-picture{height:235px}.hero-picture .fruit-art{transform:scale(.75)}.picture-label{font-size:14px}.category-row{grid-template-columns:repeat(2,1fr);gap:10px;margin:15px auto 0;padding:0 12px}.category{min-height:137px}.category strong{font-size:21px}.category small{font-size:14px}.content-section{padding:40px 13px 20px}.section-title{display:block}.section-title h2{font-size:29px}.section-title>span{display:block;margin-top:5px;font-size:16px}.product-grid{gap:12px}.product{padding:7px;border-radius:16px}.product-photo{height:205px}.bottle,.jar{transform:scale(.7)}.product-photo .fruit-small{right:-55px;bottom:-50px}.tag{font-size:12px;padding:5px 8px;left:7px;top:8px}.product-body{padding:12px 4px}.product-body h3{font-size:20px}.product-body p{font-size:14px}.product-pending{font-size:15px}.unavailable{font-size:13px;line-height:1.4;padding:10px 5px}.farm{margin:22px 12px;grid-template-columns:1fr}.farm-copy{padding:27px 23px 10px}.farm h2{font-size:29px}.farm p{font-size:17px}.farm-picture{min-height:230px}.farm-picture .fruit-art{top:-10%}.article-grid{grid-template-columns:repeat(2,1fr);gap:11px}.article-icon{height:105px}.article h3{font-size:18px}.article p{font-size:14px}.offer{margin:0 12px 25px;padding:23px 17px;gap:13px}.offer>span{font-size:36px}.offer h2{font-size:21px}.offer p{font-size:15px}footer{padding:28px 18px 110px}.bottom-nav{display:grid;position:fixed;z-index:10;bottom:0;left:0;right:0;grid-template-columns:repeat(4,1fr);background:#fffef9;border-top:1px solid #dce5d8;padding:10px 0 max(10px,env(safe-area-inset-bottom));box-shadow:0 -3px 15px #163b2110}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px;font-weight:700;color:#285b3a;min-height:48px}.bottom-nav a span{font-size:25px;line-height:1}.header-search{flex-direction:column;align-items:stretch;font-size:15px}.header-search input{width:100%;max-width:none;margin:7px 0}.mobile-menu{font-size:16px}}@media(max-width:360px){.logo strong{font-size:19px}.logo small{font-size:9px}.header-tools{gap:3px}.header-tools button{font-size:22px}.hero h1{font-size:37px}.hero h2{font-size:26px}.product-photo{height:175px}.category strong{font-size:19px}}