/* 版式切换器 · 两套版式共用
   ------------------------------------------------------------
   刻意保持中性，并且**不允许任何页面覆盖它的外观和位置**：
   同一个控件在不同版式里长得不一样、站的位置不一样，用起来就是在飘。
   所以样式全部写死在这里，neumorphism.css / glass.css 都不再插手。

   位置：左下角。三个页面里最空的角落 —— 右上是 AI 气泡，右下是聊天面板，
   左侧中部在宽屏有二维码卡，中间归 web-pet 游荡。 */
.style-switch{
  position:fixed;
  left:calc(16px + env(safe-area-inset-left,0px));
  bottom:calc(16px + env(safe-area-inset-bottom,0px));
  top:auto;right:auto;                 /* 钉死四边，避免被页面样式改成别的锚点 */
  z-index:60;                          /* 高于聊天面板与桌宠，任何时候都点得到 */
  margin:0;transform:none;
  display:flex;align-items:center;gap:2px;padding:3px;
  border-radius:999px;
  background:rgba(252,252,253,.92);
  border:1px solid rgba(19,38,56,.13);
  box-shadow:0 6px 20px -8px rgba(18,36,47,.38);
  backdrop-filter:blur(10px) saturate(140%);
  -webkit-backdrop-filter:blur(10px) saturate(140%);
  font-family:'DM Sans','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',sans-serif;
  line-height:1;
}
.style-switch-item{
  /* 触摸目标：原来只有约 26px 高，手指点不准。指南是 44px，
     分段控件做到 44 会很笨重，取 38/42 作为折中。 */
  min-height:38px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 16px;border-radius:999px;border:0;
  font-size:12.5px;line-height:1;font-weight:600;letter-spacing:.02em;
  color:#5a646e;text-decoration:none;white-space:nowrap;
  transition:background .16s ease,color .16s ease;
}
a.style-switch-item:hover{background:rgba(19,38,56,.07);color:#12242f}
a.style-switch-item:focus-visible{outline:2px solid #b83e1b;outline-offset:2px}
.style-switch-item[aria-current]{background:#1d3d4e;color:#fff}

@media(max-width:430px){
  .style-switch{left:calc(10px + env(safe-area-inset-left,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:2px}
  .style-switch-item{min-height:42px;padding:0 14px;font-size:12.5px}
}

@media print{ .style-switch{display:none!important} }