/* 全站統一的「返回首頁」按鈕
   ────────────────────────────────────────────────────────────
   各頁都有自己的 inline <style> 且各自定義 .back-btn，樣子全不一樣。
   這支掛在每頁 </head> 前，用 a.back-btn（元素＋類別，權重 0,1,1）
   蓋過各頁的 .back-btn（0,1,0），不必動到各頁的樣式區塊。

   外觀跟 /money /family 的按鈕同一套：髮絲框 ＋ 頂端受光高光 ＋
   分層暖褐陰影 ＋ 按下位移。陰影不用純黑——純黑疊在米白上會把
   飽和度打掉、整個灰化。 */

a.back-btn {
  display: inline-flex; align-items: center; gap: 5px;
  height: 34px; padding: 0 13px;
  border: 1px solid #E4DDD2;
  border-radius: 10px;
  background: linear-gradient(#FEFCF9, #FBF8F4);
  box-shadow:
    0.5px 1px 1.5px hsl(34deg 30% 24% / .06),
    1px 2px 3px     hsl(34deg 30% 24% / .05),
    inset 0 1px 0   hsl(40deg 60% 100% / .5);
  color: #A07840;
  font-size: 14px; font-weight: 600; line-height: 1;
  text-decoration: none; white-space: nowrap;
  transition: box-shadow .15s ease, transform .15s ease, background .15s ease;
}
a.back-btn:hover {
  color: #8B5A2A;
  border-color: #DAD1C4;
}
a.back-btn:active {
  box-shadow: 0.5px 1px 1px hsl(34deg 30% 24% / .07);
  transform: translateY(1px);
  background: hsl(36deg 30% 95%);
}