/* ============================================================
   2027 台灣燈會在苗栗 — 全國花燈競賽　「回到最上方」按鈕（115.9.14 依 JOB/0914 修正單新增）
   修正單二：原本右下角只有一個 32px 的箭頭小圖，客戶反映太不明顯，
             改成橘底方鈕＋箭頭＋TOP 字樣，尺寸 68px（比 64px 的桐花游標大，才好對準）。
   修正單五之(三)：舊版同一個 #toTop 同時被 .scroll 平滑捲動與 UItoTop 外掛各綁一次 click，
             兩段動畫（900ms 捲到 #home、1000ms 捲到 0）互相搶，才會出現上下跳動；
             現在改由 /scripts/tl-totop.js 單一實作處理，兩處舊綁定都已移除。
   ============================================================ */
.tl-totop {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1200;
    width: 68px;
    height: 68px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    border: 2px solid #000;
    border-radius: 10px;
    background: #ff7900;
    color: #000;
    font-family: 'Futura LT', 'PingFang TC', 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s, background .2s;
}
.tl-totop.is-show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.tl-totop:hover,
.tl-totop:focus {
    background: #ffb266;
    color: #000;
    text-decoration: none !important;
}
.tl-totop:focus-visible {
    outline: 3px solid #39e3ff;
    outline-offset: 2px;
}
.tl-totop .tl-totop-arrow {
    font-size: 1.5rem;
    line-height: 1;
}
.tl-totop .tl-totop-text {
    font-size: .72rem;
    letter-spacing: 1px;
}
@media (max-width: 576px) {
    .tl-totop {
        right: 14px;
        bottom: 14px;
        width: 56px;
        height: 56px;
    }
    .tl-totop .tl-totop-arrow { font-size: 1.25rem; }
    .tl-totop .tl-totop-text { font-size: .62rem; }
}
@media print {
    .tl-totop { display: none !important; }
}