/* 載入於 merged.css 之後。樣式依上傳參考圖重繪，數字固定60%。 */ :root {
  --tf-quick-right: 14px;
  --tf-quick-bottom: 128px;
  --tf-quick-width: 74px;
  --tf-quick-ring: 54px;
  --tf-quick-gap: 10px
}
.tf-quick {
  position: fixed;
  right: calc(var(--tf-quick-right) + env(safe-area-inset-right, 0px));
  bottom: calc(var(--tf-quick-bottom) + env(safe-area-inset-bottom, 0px));
  width: var(--tf-quick-width);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--tf-quick-gap);
  z-index: 1020;
  font-family: Arial, "Microsoft JhengHei", sans-serif
}
.tf-quick *, .tf-quick *::before, .tf-quick *::after {
  box-sizing: border-box
}
.tf-quick a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  width: 100%;
  transition: transform .15s
}
.tf-quick a:hover {
  transform: translateY(-2px)
}
.tf-quick a:focus-visible {
  outline: 3px solid #ee9b26;
  outline-offset: 4px;
  border-radius: 8px
}
.tf-quick-ring {
  position: relative;
  display: grid;
  place-items: center;
  width: var(--tf-quick-ring);
  height: var(--tf-quick-ring);
  border-radius: 50%;
  background: conic-gradient(from 0deg, #16c42e 0deg 216deg, #d0d3d4 216deg 360deg);
  padding: 3px;
  box-shadow: 0 1px 2px #00000014
}
.tf-quick-ring::before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: white
}
.tf-quick-number {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: calc(var(--tf-quick-ring) - 17px);
  height: calc(var(--tf-quick-ring) - 17px);
  border-radius: 50%;
  background: linear-gradient(135deg, #48d734, #09b523);
  color: #fff;
  font-weight: 800;
  font-size: 20px;
  line-height: calc(var(--tf-quick-ring) - 17px)
}
.tf-quick-number small {
  font-size: 10px;
  margin-left: 1px
}
.tf-quick-p {
  position: absolute;
  top: 1px;
  right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #14c42d;
  color: #fff;
  font: bold 13px/1 Arial;
  transform: rotate(16deg);
}
.tf-quick-caption {
  display: block;
  text-align: center;
  white-space: nowrap;
  margin-top: 3px;
  padding: 2px 4px;
  border-radius: 6px;
  color: #555;
  background: #fffffff2;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2
}
.tf-quick-travel {
  position: relative;
  color: #145b9f
}
.tf-quick-travel img {
  display: block;
  width: 60px;
  height: 55px;
  object-fit: contain
}
.tf-quick-travel > span {
  display: block;
  margin-top: -11px;
  position: relative;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  color: #155b9c;
  background: #fffffff2;
  border-radius: 4px;
  padding: 1px 3px;
  white-space: nowrap;
  text-shadow: 0 1px white
}
/* 保留原頁內容寬度；小按鈕如參考圖浮於右側，沒有另縮窄內容。 */
/* 既有回頂鈕位於同一直線，留出間距，不新增第二顆回頂鈕。 */
body.tf-quick-enabled #backToTop {
  right: calc(var(--tf-quick-right) + (var(--tf-quick-width) - 42px)/2 + env(safe-area-inset-right, 0px));
  bottom: calc(var(--tf-quick-bottom) - 54px + env(safe-area-inset-bottom, 0px));
  width: 42px;
  height: 42px
}
@media(max-width:767.98px) {
  :root {
    --tf-quick-right: 7px;
    --tf-quick-bottom: 120px;
    --tf-quick-width: 48px;
    --tf-quick-ring: 39px;
    --tf-quick-gap: 8px
  }
  .tf-quick-ring {
    padding: 2px
  }
  .tf-quick-ring::before {
    inset: 2px
  }
  .tf-quick-number {
    width: 29px;
    height: 29px;
    font-size: 15px;
    line-height: 29px
  }
  .tf-quick-number small {
    font-size: 8px
  }
.tf-quick-p {
    width: 12px;
    height: 12px;
    font-size: 10px;
    line-height: 1;
  }
  .tf-quick-caption {
    font-size: 8px;
    margin-top: 2px;
    padding: 1px 2px;
    line-height: 1.2
  }
  .tf-quick-travel img {
    width: 44px;
    height: 42px
  }
  .tf-quick-travel > span {
    font-size: 10px;
    margin-top: -9px;
    padding: 1px 2px
  }
  body.tf-quick-enabled #backToTop {
    width: 38px;
    height: 38px;
    right: calc(var(--tf-quick-right) + (var(--tf-quick-width) - 38px)/2 + env(safe-area-inset-right, 0px));
    bottom: calc(var(--tf-quick-bottom) - 48px + env(safe-area-inset-bottom, 0px))
  }
}
@media(max-height:440px) {
  :root {
    --tf-quick-bottom: 68px;
    --tf-quick-gap: 4px
  }
}
@media(prefers-reduced-motion:reduce) {
  .tf-quick a {
    transition: none
  }
}