/* 前台 · wai-float.css —— AI 写作助手「右侧悬浮抽屉」+ 悬浮球入口
 *
 * 【它解决什么】此前 .wai-panel 是页面流里的一块（margin-top:16px），点开把正文
 *   整体往下顶：屏幕小时助手与正文互相抢位置，改完一处想回正文还得先把面板收起。
 *   改成右侧抽屉后，对话与正文同屏共存；窄屏退化为整行抽屉。
 *
 * 【为什么单独一个文件，且选择器要带双类】index.html 的内联 <style> 排在所有
 *   <link> 之后，同等特异性它必赢（.wai-panel,.rev-panel{margin-top:16px} 就在那）。
 *   本文件全部规则挂 .wai-panel.wai-float / .wai-backdrop / .wai-fab，
 *   靠「更高特异性」而不是「加载顺序」取胜 —— 谁先加载都不翻车。
 *
 * 【开关语义】抽屉与遮罩沿用既有 .hide（display:none）开关，js/write-assistant.js
 *   只多一行遮罩联动；打开动画必须用 @keyframes —— display:none→block 不触发
 *   transition，只有 animation 会重新播。
 *
 * 【层级】页面内既有 z-index：内容 1 / 吸顶条 50 / 弹窗 9999+。
 *   抽屉 80、遮罩 79：盖过吸顶条，不挡弹窗；悬浮球 70，打开时被遮罩盖住（应当的）。
 */

/* ---------- 抽屉本体 ---------- */
.wai-panel.wai-float{
  position:fixed; top:0; right:0; bottom:0; z-index:80;
  width:min(430px,100%);
  margin:0;
  padding:14px 14px 20px;
  overflow-y:auto; -webkit-overflow-scrolling:touch;
  background:var(--surface);
  border-left:1px solid var(--bd);
  box-shadow:-18px 0 44px rgba(0,0,0,.4);
  animation:waiIn .2s ease;
}
@keyframes waiIn{
  from{transform:translateX(24px);opacity:0}
  to{transform:none;opacity:1}
}

/* ---------- 遮罩：点空白处收起（onclick 挂在 index.html 的元素上） ---------- */
.wai-backdrop{
  position:fixed; inset:0; z-index:79;
  background:rgba(0,0,0,.5);
}

/* ---------- 悬浮球：作品区右下角常驻入口 ----------
   复用 .btn.grad 的实青底与墨字（颜色令牌统一，这里不另造颜色），只管「钉在右下角」。
   ⛔ 它在**视图容器同级的外壳层**，不是 #workDetail 里：#workDetail 只在打开作品时
   才去掉 .hide，放进去的结果是作品列表上根本没有球（实测被用户一眼看出）。
   未登录时不出现：go() 会把 v='auth'，靠 #v-auth 的兄弟选择器隐藏，全程零 JS。 */
.wai-fab{
  position:fixed; right:18px; bottom:22px; z-index:70;
  padding:11px 18px; border-radius:999px;
  box-shadow:0 10px 28px rgba(0,0,0,.45);
}
.wai-fab:active{transform:scale(.97);}
/* 登录页 / 注册页：整个球收起来（#v-auth 与它在同一层，且在它之前） */
#v-auth:not(.hide) ~ .wai-fab{display:none;}

/* ---------- 窄屏：抽屉占满整行 ---------- */
@media (max-width:720px){
  .wai-panel.wai-float{width:100%; box-shadow:none; padding:12px 12px 18px;}
  .wai-fab{right:12px; bottom:16px;}
}