/* 热带(巴西):像手机 App。圆形「快拍」分类、大圆角、柔和渐变与叶影、底部 Dock、悬浮询价按钮;绿+黄+海蓝 */
:root{--bg:#f1f8e9;--fg:#10331f;--muted:#5b7a64;--line:#d6e7c8;--surface:#fff;--accent:#0f9b58;--accent-fg:#fff;--sun:#ffd23f;--sea:#1b7fc4;--font:Nunito,Inter,system-ui,sans-serif;--font-d:Nunito,Inter,system-ui,sans-serif;--font-ja:var(--font);--r:26px;color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a2a22;--fg:#e5f6e8;--muted:#8fbfa0;--line:#17493a;--surface:#0f3a2e;--accent:#35d489;--accent-fg:#06241a;--sun:#ffd23f;--sea:#5bb5f0;color-scheme:dark}}
:root[data-theme=dark]{--bg:#0a2a22;--fg:#e5f6e8;--muted:#8fbfa0;--line:#17493a;--surface:#0f3a2e;--accent:#35d489;--accent-fg:#06241a;--sun:#ffd23f;--sea:#5bb5f0;color-scheme:dark}
body{font-size:16px;padding-bottom:92px}h1,h2,h3{font-weight:900;letter-spacing:-.02em;line-height:1.08}
.hdr{position:sticky;top:0;z-index:30;padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hdr-in{display:flex;align-items:center;justify-content:space-between;height:58px}
.logo{display:flex;align-items:center;gap:9px;font-weight:900;font-size:1.3rem;text-decoration:none;white-space:nowrap}.lf{width:28px;height:28px;background:linear-gradient(135deg,var(--accent),#7fd957);border-radius:2px 100% 2px 100%;transform:rotate(-8deg);box-shadow:inset -4px -4px 0 #0003}
.tools{display:flex;gap:6px}.tools .lang summary,.tools .theme{height:40px;min-height:40px;padding:0 13px;border-radius:99px;background:var(--surface);box-shadow:0 2px 10px #0a3a1c18;font-weight:800;font-size:.82rem}.tools .theme{width:40px;padding:0}.tools .lang span{max-width:7ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lang ul{border:0;border-radius:22px;box-shadow:0 14px 40px #0a3a1c30;padding:8px}.lang li a{border-radius:16px;font-weight:800}.lang li a:hover,.lang li a[aria-current]{background:color-mix(in srgb,var(--accent) 16%,transparent)}
.cr{padding-top:4px}.crumbs{font-weight:700}
/* 英雄 */
.hero{position:relative;overflow:hidden;margin:6px 14px 0;padding:34px 20px 30px;border-radius:34px;background:linear-gradient(145deg,#0f9b58,#16b36a 55%,#7fd957);color:#fff}
.blob{position:absolute;border-radius:50%;filter:blur(2px)}.b1{width:180px;height:180px;background:var(--sun);inset:-60px -50px auto auto;opacity:.95}.b2{width:140px;height:140px;background:#1b7fc4;inset:auto auto -70px -40px;opacity:.55}
.hero .wrap{position:relative;padding:0}.hero h1{font-size:clamp(2.1rem,10.5vw,3.6rem);text-wrap:balance;text-shadow:0 2px 0 #0a5a3230}.hero .lead{margin-top:12px;font-size:.9rem;font-weight:700;max-width:34ch;opacity:.95;color:#fff}
/* 圆形快拍 */
.stories{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding-block:22px 6px}.st{flex:none;display:grid;justify-items:center;gap:7px;width:74px;text-decoration:none}.st b{font-size:.72rem;font-weight:800;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ring{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,var(--sun),var(--accent),var(--sea),var(--sun))}.in{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--surface);border:3px solid var(--bg);overflow:hidden;font-size:1.4rem}.in img{width:100%;height:100%;object-fit:cover}.in em{font-style:normal;font-weight:900;font-size:.92rem;color:var(--accent);text-transform:uppercase}
.sec-h{margin-bottom:14px}.sec-h h2,.sec-h h1{font-size:1.5rem}.sec-h a{font-weight:800;color:var(--accent)}
.hs{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;scrollbar-width:none;margin-inline:-18px;padding-inline:18px;padding-bottom:6px}.hs .card{flex:0 0 66%;scroll-snap-align:start}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}
.card{display:block;text-decoration:none;transition:transform .2s}.card:active{transform:scale(.97)}
.ph{position:relative;display:block;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:var(--line);box-shadow:0 6px 18px #0a3a1c1f}.ph img{width:100%;height:100%;object-fit:cover}
.pp{position:absolute;inset:auto 10px 10px auto;background:var(--surface);color:var(--fg);font-weight:900;font-size:.9rem;padding:5px 12px;border-radius:99px;box-shadow:0 3px 10px #0003}
.nw{position:absolute;inset:10px auto auto 10px;background:var(--sun);color:#3a2c00;font-weight:900;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:99px}
.cap{display:grid;gap:1px;padding:9px 4px 0}.cap h3{font-size:1rem}.meta{font-size:.78rem;color:var(--muted);font-weight:700}
/* 底部 Dock */
.dock{position:fixed;z-index:40;inset:auto 14px calc(12px + env(safe-area-inset-bottom)) 14px;display:flex;justify-content:space-around;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:28px;padding:8px 6px;box-shadow:0 10px 34px #0a3a1c33;max-width:520px;margin-inline:auto}
.dock a{display:grid;justify-items:center;gap:2px;text-decoration:none;color:var(--muted);font-size:.66rem;font-weight:800;padding:6px 12px;border-radius:20px;min-width:64px}.dock a[aria-current]{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
/* 商品页 */
.pdp{padding-bottom:20px}.gwrap{position:relative;margin:6px 14px 0}.gallery{gap:10px;border-radius:32px}.gallery figure{flex:0 0 100%;border-radius:32px;overflow:hidden;background:var(--line)}.gallery img{width:100%;aspect-ratio:1;object-fit:cover}.noimg-l{aspect-ratio:1;display:grid;place-items:center}
.dots{position:absolute;inset:auto 0 14px;display:flex;justify-content:center;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.6}.dots i:first-child{opacity:1;width:22px;border-radius:6px}
.sheet{position:relative;margin-top:-26px;padding-block:14px 12px;background:var(--bg);border-radius:30px 30px 0 0}.sheet .grab{display:block;width:44px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 14px}
.sheet h1{font-size:clamp(1.9rem,8.5vw,2.6rem)}.sheet .nw{position:static;display:inline-block;vertical-align:middle}
.pricerow{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:12px}.pv{font-size:2.3rem;font-weight:900;color:var(--accent);line-height:1}.pl{font-size:.78rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.pn{font-size:.8rem;color:var(--muted);margin-top:6px;font-weight:600}
.tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tags li{display:grid;background:var(--surface);padding:8px 16px;border-radius:18px;font-weight:900;box-shadow:0 2px 10px #0a3a1c12;line-height:1.2}.tags small{font-size:.62rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.tags a{text-decoration:none;color:var(--sea)}
.desc{max-width:none}.desc h2{font-size:1.4rem}.desc ul{list-style:none;padding:0;display:grid;gap:8px}.desc li{background:var(--surface);padding:12px 16px 12px 46px;border-radius:18px;position:relative;font-weight:700;box-shadow:0 2px 10px #0a3a1c10}.desc li::before{content:"✓";position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;font-size:.8rem;font-weight:900}
.inq{margin-top:28px;background:var(--surface);padding:22px 18px;border-radius:28px;box-shadow:0 6px 20px #0a3a1c14;max-width:560px}.inq h2{font-size:1.5rem;margin-bottom:14px}.form label{font-weight:800;font-size:.84rem}.form input,.form textarea{border:2px solid var(--line);border-radius:18px;background:var(--bg)}.form input:focus,.form textarea:focus{outline:0;border-color:var(--accent)}
.btn{border-radius:99px;background:var(--accent);color:var(--accent-fg);font-weight:900;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 40%,transparent)}
.fab{position:fixed;z-index:41;inset-inline-end:18px;bottom:calc(92px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;background:var(--accent);color:var(--accent-fg);padding:0 22px;height:52px;border-radius:99px;font-weight:900;text-decoration:none;box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 50%,transparent)}
.newitem{background:var(--surface);padding:12px;border-radius:30px;box-shadow:0 6px 20px #0a3a1c14}.newitem h2{font-size:1.6rem}.newimg{border-radius:22px;background:var(--line)}.newimg img{width:100%;aspect-ratio:1;object-fit:cover}.newitem .price{font-weight:900;color:var(--accent);font-size:1.4rem}.sec-h h1{font-size:2rem}.narrow h1{font-size:2.4rem}
.ftr{padding:24px 0 20px}
@media(min-width:860px){.grid{grid-template-columns:repeat(4,1fr)}.hs .card{flex-basis:260px}.hero{margin-inline:auto;max-width:1120px}.pdp{display:grid;grid-template-columns:1fr 1fr;max-width:1120px;margin:0 auto;gap:28px;padding-inline:18px;align-items:start}.sheet{margin-top:0}.fab{display:none}}