/* === 全站基本設定 === */
body { font-size: 8pt; color: #000000;
  background-image: url("https://i.imgur.com/DEfkRLK.png");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 50% 50%;

  display: grid;
  place-items: center;
  height: 100vh;
  margin: 0;
}


/* 表格文字 */
 td { font-size: 8pt; letter-spacing: 2pt; /* 字距 */ }

/* 超連結樣式 */
a:link,
a:visited {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color: #253243;
  background-color: #ffe2e2;
  border-radius: 10px;
  text-decoration: none;
  font-weight: bold;
  font-family: Verdana, sans-serif;
}

/* 水平線樣式 */
hr {
  border: none;
  height: 0px;
  background-color: #000;
}

/* === ⚠️ 舊版 IE 專用捲軸樣式（大多瀏覽器已不支援，可刪除） === */
/*
body {
  SCROLLBAR-3DLIGHT-COLOR: #000000;
  SCROLLBAR-ARROW-COLOR: #000000;
  SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
  SCROLLBAR-BASE-COLOR: #FFFFFF;
}
*/

/* === 通用按鈕樣式 === */
a.btn-wait,
a[href*="aft=re"],
a[href^="javascript:look"],
a.btn-back {
  display: inline-block;
  width: 88px;
  height: 31px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}

/* === 1. 回應按鈕 - re.gif === */
a[href*="aft=re"] img[src*="re.gif"] {
  display: none;
}
a[href*="aft=re"] {
  background-image: url("https://imgur.com/oxzLn2b.gif");
}

/* === 2. 等待回覆 - wait.gif === */
img[src*="wait.gif"] {
content: url("https://i.meee.com.tw/8j8q7AA.gif");
}

/* === 3. 觀看密語 - look.gif === */
a[href^="javascript:look"] img[src*="look.gif"] {
  display: none;
}
a[href^="javascript:look"] {
  background-image: url("https://your.cdn.com/your_look_icon.png");
}

/* === 4. 回留言板 - back.gif === */
a.btn-back img[src*="back.gif"] {
  display: none;
}
a.btn-back {
  background-image: url("https://your.cdn.com/your_back_icon.png");
}

td:has(img[src="https://i.imgur.com/8dP42F0.gif"]) {
  background-color: #ffe2e2; /* 淡橘色背景表示悄悄話 */
}