/* ============================================================
   Autolab Sign-Off 換膚層｜goh.autolab.cloud（勵馨募款提示詞產生器）2026-10-11
   客戶站：保留勵馨名稱與花朵圖示，只換外框（色、字、方角、Autolab 章在頁尾）。
   本頁沒有預約／聊內訓鈕，所以全頁不用橘 #FF6B35。
   拿掉 </head> 前那行 link 就回到舊樣子。
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@700;800&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&family=Noto+Sans+TC:wght@400;500;700;900&display=swap");

:root {
  --so-teal: #00708A; --so-teal-dk: #005A6F; --so-teal-lt: #E8F4F6;
  --so-ink: #1C1C1E; --so-sub: #636366; --so-mist: #F5F5F7; --so-line: #E5E5EA;
  --so-mango: #FFC233; --so-mango-lt: #FFF1D6; --so-orchid: #9C2A6B; --so-orchid-lt: #F6E6F0;
  /* 接管頁面原本的變數 */
  --brand: var(--so-teal);
  --brand-dark: var(--so-teal-dk);
  --brand-soft: var(--so-teal-lt);
  --accent: var(--so-orchid);
  --radius: 4px;
  --shadow: none;
  --bs-primary: #00708A; --bs-primary-rgb: 0, 112, 138;
  --bs-link-color: #00708A; --bs-link-hover-color: #005A6F;
  --bs-body-font-family: "Inter", "Noto Sans TC", system-ui, -apple-system, "PingFang TC", sans-serif;
}

html body { font-family: "Inter", "Noto Sans TC", system-ui, -apple-system, "PingFang TC", sans-serif; background: var(--so-mist); color: var(--so-ink); }
html body h1, html body .hero h1 { font-family: "Inter Tight", "Noto Sans TC", sans-serif; letter-spacing: -0.01em; font-weight: 900; }

/* 頁首：白底細線，勵馨名稱與花朵保留 */
html body .navbar { box-shadow: none; border-bottom: 1px solid var(--so-line); }
html body .navbar-brand { font-weight: 800; }

/* 卡片：方角、無陰影 */
html body .card { border-radius: 4px; box-shadow: none; }
html body .card-header { border-bottom: 1px solid var(--so-line); font-family: "Inter", "Noto Sans TC", sans-serif; }
html body .card-header::after {
  content: ""; display: block; width: 40px; height: 3px; margin-top: 10px; background: var(--so-mango);
}

/* Hero：白底、上緣主色青，底部一條墨色簽名線 */
html body .hero {
  border-radius: 4px; box-shadow: none; border-top: 4px solid var(--so-teal);
  position: relative; padding-bottom: 34px;
}
html body .hero::after {
  content: ""; position: absolute; left: 24px; right: 24px; bottom: 14px; height: 3px; background: var(--so-ink);
}
html body .hero h1 span { color: var(--so-teal); }
html body .hero .motto { color: var(--so-orchid); font-family: "Noto Sans TC", sans-serif; letter-spacing: .04em; }

/* 四個分類徽章：社群三色輪替 */
html body .stat-badge {
  border-radius: 2px; border: 0; border-left: 3px solid var(--so-teal);
  background: var(--so-teal-lt); color: var(--so-ink);
}
html body .stat-badge:nth-child(2) { background: var(--so-mango-lt); border-left-color: var(--so-mango); }
html body .stat-badge:nth-child(3) { background: var(--so-orchid-lt); border-left-color: var(--so-orchid); }
html body .stat-badge:nth-child(4) { background: var(--so-mist); border-left-color: var(--so-ink); }

/* 「絕對不可以貼進 AI」：原本橘框 → 淺芒果 */
html body .alert-guard {
  background: var(--so-mango-lt); border: 1px solid var(--so-mango); border-left: 4px solid var(--so-mango);
  border-radius: 4px;
}
html body .alert-guard strong { color: var(--so-orchid); }
html body .info-box { border-radius: 4px; background: var(--so-teal-lt); border-left-color: var(--so-teal); }

/* 分類按鈕 */
html body .filter-btn { border-radius: 4px; border: 1px solid var(--so-line); color: var(--so-ink); background: #FFFFFF; }
html body .filter-btn:hover { background: var(--so-teal-lt); border-color: var(--so-teal); color: var(--so-teal); }
html body .filter-btn.active { background: var(--so-ink) !important; border-color: var(--so-ink) !important; color: #FFFFFF !important; }
html body .form-select, html body .form-control { border-radius: 4px; }
html body .form-control-lg:focus, html body .form-select:focus {
  border-color: var(--so-teal); box-shadow: 0 0 0 3px rgba(0,112,138,.15);
}

/* 輸出框 */
html body .output-container { border-radius: 4px; border: 1px solid var(--so-line); border-left: 4px solid var(--so-teal); background: var(--so-mist); }
html body .btn { border-radius: 4px; }
html body .btn-primary { background: var(--so-teal); color: #FFFFFF; }
html body .btn-primary:hover { background: var(--so-teal-dk); }
html body .btn-outline-primary { border-color: var(--so-teal); color: var(--so-teal); }
html body .btn-outline-primary:hover { background: var(--so-teal); border-color: var(--so-teal); color: #FFFFFF; }

/* 表格標籤 */
html body .tag { border-radius: 2px; font-family: "Inter", "Noto Sans TC", sans-serif; }
html body .tag.must { background: var(--so-teal); color: #FFFFFF; }
html body .tag.opt { background: var(--so-mango-lt); color: var(--so-ink); border-color: var(--so-mango); }
html body .fixed-badge { border-radius: 2px; background: var(--so-mango); color: var(--so-ink); border: 0; font-family: "JetBrains Mono", "Noto Sans TC", monospace; }

/* 頁尾：Autolab 章（客戶站只放在製作者這裡） */
html body .footer { position: relative; padding-top: 72px; }
html body .footer::before {
  content: ""; position: absolute; left: 50%; top: 20px; width: 40px; height: 40px; transform: translateX(-50%);
  background: url("autolab-icon-64.svg") center / contain no-repeat;
}
html body .footer a { color: var(--so-teal); }