/* 碑食 */
  .translateSelectLanguage{position: absolute;top:0px;left: 0;right: 0;height: 50px;border-radius: 5px;}
  .mokJsApi_copyright{text-align: center;}
  body{margin-top: 50px;}
  .fa,.fab,.fas {font-size: 2rem;height: 2rem;}
  a{text-decoration: none;color: var(--標題色);}
  * { scrollbar-width: none; /* 滾動條美化 */}
  .主題色{color: var(--主題色); } 
  .按鈕色{color: var(--按鈕色); }
  .標題色{color: var(--標題色); }
  .文字色,p {color: var(--文字色); }


  .none{display:none;}
  .clear-float {clear: both; /* 清除浮動 */height: 1px;margin: 0;padding: 0;}
  a{text-decoration: none;color: var(--標題色);}



/* logo 滾回頂 */
    .logo-container {height: 60px;padding: 5px; width: 100%;background-color: var(--主題色); display: flex;justify-content: center;align-items: center;
      position: fixed;top: 50px; z-index: 11;transition: .5s ;}
    .logo {color: white;font-size: 24px;font-weight: bold;height: 100%;}
    .logo img {height: 100%;width: auto;}
    /* 回頂鍵 */
    .scroll-top {position: fixed;bottom: 40%;left: 20px;background: var(--主題色); color: white;width: 40px;height: 40px;border-radius: 50%;display: none;justify-content: center;align-items: center;cursor: pointer;box-shadow: 0 2px 5px rgba(0,0,0,0.2);z-index: 12;}
    /* 平滑滾動效果 */
    .header {margin-top: 90px; background: var(--主題色);padding: 1rem;text-align: center;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
    .container {max-width: 1000px;margin: 2rem auto;padding: 0 1rem;}
    


/* 上傳圖片教學 */
#上傳圖片教學 {
  display: none;
  position: fixed;
  top: 10%;
  left: 10%;
  height: 80vh;
}



/* 搜索 */
  .搜索的框 {position: relative;height: 50px;}
  #searchInput {position: absolute;top:0;left: 0;right: 0;padding: 10px;border: none;border-radius: 5px;background-color: rgba(42, 42, 58, 0.8);color: #e0e0e0;font-size: 1em;backdrop-filter: blur(5px);    }
  #searchInput:focus {outline: none;box-shadow: 0 0 0 2px #4fd1c5;    }
  #搜尋Perplexity{text-align: center;}
  #搜尋Perplexity a{text-decoration: none;color: #fab5f0;font-size: 1.5em;text-shadow: 0 0 10px rgba(79, 209, 197, 0.5);}



/* ContactAKI */
  .ContactAKI i {font-size: clamp(30px, 5vw, 50px);; color: #888;cursor: pointer;}
  .ContactAKI .fa-envelope:hover{color: #fff;}
  .ContactAKI .fa-github:hover{color: #fff;}
  .ContactAKI .fa-whatsapp:hover,.fa-wechat:hover{color: #00B900;}
  .ContactAKI .fa-instagram:hover{color: #e8469a;}
  .ContactAKI .lineB {display: block; width: 40px;height: 40px; background-image: url(https://raw.githubusercontent.com/64071181/mokJsapi/refs/heads/main/line_.png);background-size: 100%;background-repeat: no-repeat;}
  .ContactAKI .lineB:hover{background-image: url(https://raw.githubusercontent.com/64071181/mokJsapi/refs/heads/main/line.png);}
  .ContactAKI .fa-facebook:hover{color: rgb(47, 47, 244);}
  .ContactAKI .fa-telegram:hover{color: rgb(126, 157, 242);}
  .ContactAKI ul{display: flex;justify-content: center; overflow: hidden;margin: 0;padding: 20px;}
  .ContactAKI li{list-style-type:none; margin: 0 5px 0px/*-40px*/ 5px;display: block;position: relative;transition: transform 0.3s ease; /* 添加過渡效果 */}
  .ContactAKI li:hover{transform: translateY(-20px); /* 向上移動 */}
  .ContactAKI .WechatQR圖 {display: none;position: fixed;top: 33%;left: 33%;z-index: 9; width: 250px;height: 330px;}

  .ContactAKI .小紅書 {display: block; width: 40px;height: 40px; background-image: url(https://i.meee.com.tw/jAkFtwg.png);background-size: 100%;background-repeat: no-repeat;}
  .ContactAKI .小紅書:hover{background-image: url(https://i.meee.com.tw/MjJOMjd.png);}

  .ContactAKI .fa-tiktok:hover{color: #fff;}
  .ContactAKI .fa-threads:hover{color: #fff;}
  .ContactAKI .fa-youtube:hover{color: red;}

  
  .廣告位 {transition: all 0.3s ease;background: rgb(63, 223, 255);background-size: auto;background-repeat: no-repeat;display: none;height: 0px;width: 0px;max-width: 300px;margin: auto;}

/* input */
  .toggle-狀態開關 {position: relative;margin: 2%;width: 84px;height: 50px;text-align: center;font-size: 20px;line-height: 40px;}
  /* 隱藏原始 checkbox */
  .toggle-狀態開關 input {opacity: 0;width: 0;height: 0;}
  /* 滑動條樣式 */
  .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;border-radius: 25px;transition: background-color 0.4s;}
  /* 滑動按鈕樣式 */
  .slider::before {position: absolute;content: "";height: 42px;width: 42px;left: -1px;background-color: #888;border-radius: 42px;transition: transform 0.4s;}
  /* 選擇 On 狀態的樣式 */
  input:checked + .slider {background-color: #5d53e2;}
  input:checked + .slider::before {transform: translateX(43px);}
  button.delete {background-color: #f44336;}