/* === 全站基本設定 === */
body {
  margin: 0;
  font-size: 8pt;
  color: #000000;
  position: relative;
  z-index: 1;
  
  display: grid;
  place-items: center;
  height: 100vh;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url("https://i.imgur.com/uv0GClB.png");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover;
  z-index: -1;
  pointer-events: none;
}

/* 表格文字 */
 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");
}

/* 留言外框 */
table[width="420"][cellspacing="1"] {
  border-collapse: separate;
  border-radius: 10px;  /* 圓角度 */
  overflow: hidden;
  margin-bottom: 30px;  /* 留言框外間距 */
}

/* 首篇留言 */
td[height="50"][valign="top"] {
  padding-top:15px;     /* 與上方暱稱距離 */
  padding-right: 30px; /* 與右邊框間距 */
}

/* 留言行距 */
font {
  line-height: 25px;
}

/* 縮減左側寬度  */
td[rowspan="2"][width="80"][height="80"][align="center"][valign="bottom"] {
  width: 50px !important;  /* 改成你要的寬度 */
}

/* 回應留言區塊 */
td[colspan="3"][height="20"] {
  padding-right: 30px;   /* 與右邊框間距 */
}

button {
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

/* 日期時間  */
td[colspan="3"][align="right"],
div[align="right"] {
  padding-top:15px;       /* 與上方留言距離 */
  padding-right: 15px;    /* 與右邊框距 */
  padding-bottom:10px;    /* 與下方距離 */
  font-family: Calibri;   /* 字型 */
  font-size: 7.6pt;       /* 數字大小 */
  color: #e8e8e8;         /* 淺色字 */
}

/* 游標移入換色 */
td[colspan="3"][align="right"]:hover,
div[align="right"]:hover {
  color: #000000;
}

/* 簽寫留言白邊框圖 */
td[background*="images.kikia.net"] {
  background-image: url("https://i.imgur.com/EuQ2Hlw.gif") ;
  background-repeat: repeat;   /* 鋪滿 */
}

/*  簽寫留言內背景色 */
table[border="0"][cellspacing="0"][cellpadding="1"][bgcolor="f9f9f9"] {
   background-color: #ffffff;
}

/* 針對特定欄位隱藏 */
table[border="0"][cellspacing="0"][cellpadding="1"][bgcolor="f9f9f9"] tr:has(input[name="user"]),
table[border="0"][cellspacing="0"][cellpadding="1"][bgcolor="f9f9f9"] tr:has(select[name="color"]),
table[border="0"][cellspacing="0"][cellpadding="1"][bgcolor="f9f9f9"] tr:has(input[name="yahoo"]),
table[border="0"][cellspacing="0"][cellpadding="1"][bgcolor="f9f9f9"] tr:has(input[name="icq"]),
table[border="0"][cellspacing="0"][cellpadding="1"][bgcolor="f9f9f9"] td:has(select[name="pic"]) {
  display: none !important;
}

/* 隱藏表情預覽 */
td[colspan="3"][align="center"][valign="bottom"][height="50"] {
  display: none;
}