/* ===== 网站卡片动效层（② 磁吸 / ③ 3D倾斜 / ⑦ 光标聚光） ===== */
/* 纯附加样式，不改动站点原有 .pcard 逻辑；由 motionsite.js 注入交互 */

/* ⑦ 光标聚光：跟随鼠标的高光斑，限制卡片内（overflow:hidden 已裁剪） */
.pcard .m-spot{
  position:absolute; inset:0; pointer-events:none; border-radius:inherit;
  opacity:0; transition:opacity .2s ease; z-index:2;
  background:radial-gradient(200px 200px at var(--mx,50%) var(--my,50%),
            rgba(59,110,245,.20), rgba(59,110,245,0) 62%);
}
.pcard.m-sp .m-spot{ opacity:1 }

/* 底部动效切换条 */
.m-bar{
  position:fixed; left:16px; bottom:16px; z-index:60; display:none;
  align-items:center; gap:6px;
  background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border:1px solid var(--border2, #d5dce6); border-radius:12px; padding:6px 8px;
  box-shadow:0 8px 24px rgba(20,32,60,.14);
}
.m-bar .m-lbl{ font-weight:700; color:var(--tx2,#5b6779); padding:0 4px; font-size:11px; letter-spacing:.5px; }
.m-bar button{
  border:1px solid var(--border2,#d5dce6); background:#fff; color:var(--tx2,#5b6779);
  border-radius:8px; padding:5px 9px; cursor:pointer; font-size:12px; font-weight:600;
  font-family:inherit; line-height:1; transition:.15s;
}
.m-bar button:hover{ border-color:var(--acc,#3b6ef5); color:var(--acc2,#2a55d0); }
.m-bar button.on{
  background:var(--acc,#3b6ef5); border-color:var(--acc,#3b6ef5); color:#fff;
  box-shadow:0 4px 10px rgba(59,110,245,.3);
}
@media (prefers-reduced-motion: reduce){
  .pcard .m-spot{ display:none; }
  .m-bar{ display:none !important; }
}