/* 漂浮 LINE 按鈕 */
.floating-line-btn {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 9999;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transition: transform 0.2s;
}

.floating-line-btn:hover {
  transform: scale(1.1);
}

/* ============================================================
   三和工程檢測｜驗屋知識庫 卡片樣式修正
   貼到：外觀 → 自訂 → 額外 CSS（Additional CSS）

   這段存在資料庫裡，不在外掛資料夾，所以 GitHub 部署永遠不會蓋掉它。
   想換強調色，改下面每個 #C8873E 即可。
   ============================================================ */

/* 卡片：透明底 + 細框，顏色全部由頁面文字色推導（深淺佈景都安全） */
.ttb .ttb-inner {
  background: transparent;
  border-color: rgba(128, 128, 128, .32);
  border-color: color-mix(in srgb, currentColor 18%, transparent);
}

.ttb .ttb-inner:hover {
  background: rgba(128, 128, 128, .07);
  background: color-mix(in srgb, currentColor 6%, transparent);
  border-color: #C8873E;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .32);
}

/* 標題：繼承頁面文字色（這是原本看不見的元凶）＋放大加粗＋限兩行 */
.ttb .ttb-title {
  color: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .2px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ttb .ttb-inner:hover .ttb-title {
  color: #C8873E;
}

/* 摘要：限兩行，讓三張卡片等高 */
.ttb .ttb-ex {
  color: rgba(128, 128, 128, 1);
  color: color-mix(in srgb, currentColor 64%, transparent);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 分類標題區 */
.ttb .ttb-h2 { color: inherit; font-weight: 700; }
.ttb .ttb-eb,
.ttb .ttb-all,
.ttb .ttb-more { color: #C8873E; }
.ttb .ttb-all:hover { border-bottom-color: #C8873E; }

.ttb .ttb-desc,
.ttb .ttb-meta {
  color: rgba(128, 128, 128, 1);
  color: color-mix(in srgb, currentColor 64%, transparent);
}

.ttb .ttb-head {
  border-bottom-color: rgba(128, 128, 128, .32);
  border-bottom-color: color-mix(in srgb, currentColor 18%, transparent);
}

/* 無特色圖片時的佔位區 */
.ttb .ttb-ph {
  background: rgba(128, 128, 128, .12);
  background: color-mix(in srgb, currentColor 10%, transparent);
  color: rgba(128, 128, 128, 1);
  color: color-mix(in srgb, currentColor 64%, transparent);
}

/* 圖片上的分類標籤：深色半透明，壓在任何照片上都看得清 */
.ttb .ttb-tag {
  background: rgba(10, 10, 10, .66);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .22);
}

/* 手機 */
@media (max-width: 900px) {
  .ttb .ttb-title { font-size: 16.5px; }
}