/* ============================================================
   FX Kit v3 样式
   画布显隐只由 JS 的 style.display 控制，CSS 不参与隐藏
   ============================================================ */

/* ---------- 全屏特效画布 ---------- */
.fx-canvas{
  position:fixed;
  top:0; left:0;
  width:100vw; height:100vh;
  pointer-events:none;
  z-index:2147483000;
  display:block;
  /* 关键：不让任何祖先的 transform / filter 影响它 */
  transform:none;
  will-change:contents;
}

/* ---------- 主题面板里的效果开关 ---------- */
.ts-fx{
  margin-top:6px;
  padding:8px 4px 4px;
  border-top:1px solid var(--line);
}
.ts-fx-title{
  font-family:var(--serif); font-style:italic;
  font-size:.6rem; letter-spacing:.36em; text-transform:uppercase;
  color:var(--muted-2);
  padding:6px 10px 8px;
}

.sw-row{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px;
  padding:9px 10px;
  border-radius:12px;
  cursor:pointer;
  transition:.3s var(--ease);
  user-select:none;
  -webkit-user-select:none;
}
.sw-row:hover{ background:var(--surf-2); }
.sw-row .sw-name{
  display:flex; align-items:baseline; gap:8px;
  font-family:var(--zh); font-size:.78rem; letter-spacing:.04em;
  color:var(--text);
}
.sw-row .sw-name i{
  font-family:var(--serif); font-style:italic;
  font-size:.62rem; letter-spacing:.14em; color:var(--muted-2);
}

/* ---------- 开关本体 ---------- */
.switch{
  position:relative; flex:0 0 auto;
  width:36px; height:20px; border-radius:999px;
  background:var(--track);
  box-shadow:inset 0 0 0 1px var(--line);
  transition:.35s var(--ease);
}
.switch .knob{
  position:absolute; top:3px; left:3px;
  width:14px; height:14px; border-radius:50%;
  background:var(--muted);
  box-shadow:0 1px 3px rgba(0,0,0,.35);
  transition:.35s var(--ease);
}
.switch.on{
  background:linear-gradient(135deg, var(--c1-deep), var(--c2));
  box-shadow:inset 0 0 0 1px transparent, 0 0 14px -2px rgba(var(--c2-rgb),.6);
}
.switch.on .knob{
  left:19px;
  background:var(--c2-lt);
  box-shadow:0 1px 4px rgba(0,0,0,.4), 0 0 8px rgba(var(--c2-rgb),.8);
}

/* 面板变高时可滚动 */
#themeSwitcher.open .ts-panel{
  max-height:min(78vh, 560px);
  overflow-y:auto;
}
#themeSwitcher.open .ts-panel::-webkit-scrollbar{ width:4px; }
#themeSwitcher.open .ts-panel::-webkit-scrollbar-thumb{
  background:var(--line-a2); border-radius:4px;
}

/* ---------- 兜底：清掉旧版本残留的隐藏 class ---------- */
html.fx-click-off .fx-canvas,
html.fx-trail-off .fx-canvas{ display:block !important; }