:root{
  --bg:#eef3ee; --card:#fff; --ink:#14281f; --muted:#6b776f;
  --line:#dce6de; --brand:#1f6b4a; --gold:#c4a35a; --price:#c2410c;
  --ali:#1677ff; --ok:#1f6b4a; --phone:430px;
  --shadow:0 10px 28px rgba(20,40,30,.08);
}
html,body{background:#cfd8d1;color:var(--ink)}
@media (max-width:480px){html,body{background:var(--bg)}}
.app{
  background:linear-gradient(180deg,#f7faf6 0%,#eef3ee 180px,#eef3ee 100%);
  box-shadow:0 0 40px rgba(20,40,30,.16);
}
.top{background:rgba(247,250,246,.94);border-bottom-color:#e2ebe4}
.brand b{letter-spacing:.12em}
.seal{
  width:32px;height:32px;border-radius:10px;
  background:linear-gradient(135deg,#3c8f63,#163d2c);
  box-shadow:0 2px 0 #c4a35a;
}
.search{border-color:#cfe0d4}
.hero-swipe{height:168px}
.slide{
  background-size:cover!important;background-position:center!important;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.slide.s1{background:linear-gradient(180deg,rgba(20,40,30,.15),rgba(20,40,30,.55)),url("/assets/farm/farm.jpg")}
.slide.s2{background:linear-gradient(180deg,rgba(20,40,30,.15),rgba(20,40,30,.55)),url("/assets/farm/mango.jpg")}
.slide.s3{background:linear-gradient(180deg,rgba(20,40,30,.15),rgba(20,40,30,.55)),url("/assets/farm/coconut.jpg")}
.cats{background:transparent}
.cat i{background:#e7f2ea;color:var(--brand);border-radius:14px}
.notice{background:#eef6f0;border:1px solid #d5e8db;color:#2c5c45}
.price{color:var(--price)}
.tag{background:#eaf4ee;color:#1f6b4a}
.tabbar{background:#f7faf6}
.tabbar a.on{color:var(--brand)}
.buybar .now,.paybar button{background:linear-gradient(90deg,#2f8a5c,#1f6b4a)}
.farm-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px 12px}
.farm-strip div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}
.farm-strip b{display:block;font-size:13px;color:var(--brand)}
.farm-strip span{font-size:11px;color:var(--muted)}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 14px 14px}
.flow div{background:#fff;border-radius:12px;padding:10px 6px;text-align:center;font-size:11px;color:#3a4d43}
.flow b{display:block;font-size:16px;color:var(--brand);margin-bottom:4px}
.cover-farm{width:100%;height:220px;object-fit:cover;display:block;background:#dce6de}
.kv-farm{display:grid;grid-template-columns:76px 1fr;gap:8px 10px;font-size:13px}
.kv-farm span{color:var(--muted)}
.gold{color:var(--gold);font-weight:700}