/* ── 手寫的自訂樣式 ── */

:root{
  --bg:#F3F7F1; --surface:#FFFFFF; --ink:#1E2E22; --ink-2:#42583F; --ink-3:#728A6E;
  --line:#DCE7D8; --line-2:#EBF2E8; --r:22px; --r-sm:14px;
  --o-500:#3F8F52; --o-600:#2F7340; --o-400:#63A874; --o-300:#8FC49C;
  --o-200:#C3E0CA; --o-100:#DDEFE2; --o-50:#EFF7F1;
}
body{
  background:var(--bg);
  background-image:radial-gradient(720px 420px at 82% -6%, #E2F0E4 0%, transparent 62%),
                   radial-gradient(560px 340px at 4% 78%, #E8F3E7 0%, transparent 58%);
}
.leaves{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.lf{position:absolute;color:var(--o-300);opacity:.16}
.lf-1{width:180px;top:-40px;left:-46px;transform:rotate(24deg)}
.lf-2{width:130px;bottom:8%;right:-38px;transform:rotate(-38deg);color:var(--o-400);opacity:.13}
.lf-3{width:88px;top:42%;left:-26px;transform:rotate(64deg);opacity:.1}
.sheet{position:relative;z-index:1}

.brand h1{font-family:"Noto Serif TC",serif;font-weight:600;letter-spacing:.14em}
.tagline{color:var(--ink-3);letter-spacing:.08em}
.vein{color:var(--o-400);max-width:220px;margin:10px auto 0}
.vein svg{width:100%;display:block}
.avatar{border-radius:50% 50% 50% 8%;transform:rotate(-8deg);
  background:linear-gradient(150deg,var(--o-300),var(--o-600));
  box-shadow:0 14px 34px rgba(63,143,82,.24)}
.avatar span{transform:rotate(8deg)}

.block-head h2{font-family:"Noto Serif TC",serif;font-weight:600;font-size:17px;letter-spacing:.1em}
.more-link{color:var(--o-600)}

/* 方案 = 葉片：一角圓、三角尖 */
.plan{background:var(--surface);border:2px solid transparent;
  border-radius:26px 26px 26px 6px;box-shadow:0 3px 16px rgba(30,46,34,.05)}
.plan:hover{border-color:var(--o-200);transform:translateY(-2px);box-shadow:0 10px 28px rgba(30,46,34,.09)}
.plan.on{border-color:var(--o-400);background:linear-gradient(180deg,var(--o-50),#fff 60%);
  box-shadow:0 14px 34px rgba(63,143,82,.16)}
.plan-name{font-family:"Noto Serif TC",serif;font-weight:600}
.plan-tag{background:var(--o-500);color:#fff;border-radius:999px}
.plan-feats li::before{content:"🍃";font-size:11px}
.tick{border-radius:50% 50% 50% 8%}

.pay{background:var(--surface);border:2px solid transparent;border-radius:18px 18px 18px 5px;
  box-shadow:0 2px 12px rgba(30,46,34,.05)}
.pay.on{border-color:var(--o-400);background:var(--o-50)}
.fld input,.fld textarea,.fld select{border:2px solid var(--line);border-radius:14px;background:var(--surface)}
.fld input:focus,.fld textarea:focus,.fld select:focus{border-color:var(--o-300);
  box-shadow:0 0 0 4px var(--o-50)}

.checkout{background:rgba(243,247,241,.95);backdrop-filter:blur(12px);
  border-top:1px solid var(--line);border-radius:24px 24px 0 0}
.total b{font-family:"Noto Serif TC",serif}
.pay-btn{background:linear-gradient(180deg,var(--o-400),var(--o-600));border-radius:999px;
  font-weight:700;letter-spacing:.1em;box-shadow:0 10px 26px rgba(63,143,82,.3)}
.line-box{border-radius:16px;border-color:var(--line)}
.toast{border-radius:999px}
.disclaimer,.copyright,.fineprint{color:var(--ink-3)}