/* Venus Lite — 主題自有元件。色彩沿用站上既有語彙:深底 #0E0F13、金 #D4A373、淺金 #E8CBA0 / #F3DDB8 */

/* Elementor 基礎 CSS 裡本來就有的三條全域規則(compat.css 只收 .elementor 範圍內命中的規則,這三條另外保留) */
.screen-reader-text{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:-10000em;width:1px;clip:rect(0,0,0,0);border:0}
.skip-link.screen-reader-text:focus{top:12px;left:12px;width:auto;height:auto;margin:0;padding:10px 18px;clip:auto;overflow:visible;z-index:2147483647;
  background:#0E0F13;color:#F3DDB8;border:1px solid #D4A373;border-radius:8px;font-size:14px;text-decoration:none}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){html *{transition-delay:0s!important;transition-duration:0s!important}}

/* ---------------- 回到頂部 ---------------- */
.vxl-totop{
  --vxl-gold:#D4A373;
  position:fixed;z-index:999986;right:24px;bottom:24px;
  display:inline-flex;align-items:center;justify-content:center;
  width:48px;height:48px;padding:0;margin:0;cursor:pointer;
  border:1px solid rgba(212,163,115,.35);border-radius:50%;
  background:linear-gradient(180deg,rgba(30,27,24,.97),rgba(14,15,19,.97));
  box-shadow:0 10px 26px -8px rgba(0,0,0,.65),inset 0 1px 0 rgba(243,221,184,.08);
  color:#E8CBA0;
  opacity:0;transform:translateY(10px);pointer-events:none;
  transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),border-color .25s ease,background .25s ease;
  -webkit-tap-highlight-color:transparent;
}
.vxl-totop[hidden]{display:inline-flex}          /* hidden 只在 JS 未載入時生效;JS 會移除 */
.vxl-totop.is-on{opacity:1;transform:none;pointer-events:auto}
.vxl-totop.is-on.is-yield{opacity:0;pointer-events:none}
.vxl-totop svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .3s cubic-bezier(.16,1,.3,1)}
.vxl-totop:hover,.vxl-totop:focus-visible{border-color:rgba(212,163,115,.8);background:linear-gradient(180deg,rgba(44,37,30,.98),rgba(20,19,22,.98));color:#F3DDB8;outline:none}
.vxl-totop:hover svg,.vxl-totop:focus-visible svg{transform:translateY(-2px)}
.vxl-totop:focus-visible{box-shadow:0 0 0 3px rgba(212,163,115,.35),0 10px 26px -8px rgba(0,0,0,.65)}
.vxl-totop:active svg{transform:translateY(-4px)}
/* 捲動進度:按鈕外框的一圈細金線,看得出目前讀到哪裡 */
.vxl-totop::before{content:"";position:absolute;inset:-1px;border-radius:50%;pointer-events:none;
  background:conic-gradient(var(--vxl-gold) calc(var(--vxl-p,0)*1turn),transparent 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));
          mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px))}

/* 手機/平板(底部列出現的寬度):放進底部列右側,與左側「目錄」對稱 */
@media (max-width:991px){
  .vxl-totop{z-index:999989;right:20px;bottom:20px;width:44px;height:44px}
}
@media print{.vxl-totop{display:none!important}}
.vxl-totop__t{display:none}
