/* ================= v402：游戏预览「小窗口」显示（在页面内随意缩放 / 移动） =================
     用户口径（原话）：「游戏预览窗口右上角增加新按钮：小窗口显示，在页面内，可以随意缩放和移动位置。」
     逻辑在 js/src/76-ai-pip402.js（拖动 / 缩放写**行内样式**），本文件只负责「盒子怎么摆」与两颗键的样子。 */

  /* ---------- ① 顶栏那颗「小窗口」键（游戏预览窗右上角，最小化键**左边**） ---------- */
  .aibar-pip402{
    flex:0 0 auto;width:22px;height:22px;padding:0;border:1px solid transparent;border-radius:6px;
    background:transparent;color:var(--text-2);display:grid;place-items:center;cursor:pointer;
    transition:background .15s,color .15s,border-color .15s;
  }
  .aibar-pip402:hover{background:var(--sunken);border-color:var(--line);color:var(--accent)}
  .aibar-pip402 svg{width:13px;height:13px;display:block}
  /* 开着的状态：强调色包边 + 柔光底（与顶栏最小化键、右下角圆钮同一族写法，不发明一次性颜色） */
  .aibar-pip402[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}

  /* ---------- ② 右下角那枚「改大小」角标（只在小窗模式出现） ----------
     用两条边线画一个角，不用图片、不用裸色值 —— 与全站浮窗边框同族（--line-strong / --accent）。 */
  .aifpip-g402{
    display:none;position:absolute;right:0;bottom:0;width:16px;height:16px;z-index:4;
    cursor:nwse-resize;touch-action:none;pointer-events:auto;
    border-right:2px solid var(--line-strong);border-bottom:2px solid var(--line-strong);
    border-bottom-right-radius:6px;
  }
  .aifpip-g402:hover{border-color:var(--accent)}

  /* ---------- ③ 小窗模式本体 ----------
     ⚠️ 只改「盒子怎么摆」，不动里面任何东西 —— 顶栏 / 游戏 iframe / 底部功能行照旧。
     位置与尺寸走**行内样式**（拖动 / 缩放直接写 `el.style`），这里只负责把它从「钉在左下角」
     还原成「普通小盒子」：清掉 right / bottom 锚点、关掉锚角缩放动画、把单边拖宽手柄让给角标。 */
  body.aif-pip402 .ai285-float397>.ai-left285{
    right:auto;bottom:auto;
    min-width:0;min-height:0;max-width:none;max-height:none;
    /* 关掉 aifIn397 / aifOut397 的锚角缩放 —— 否则拖动时整块会跟着被缩放 */
    transform:none!important;
    resize:none;z-index:55;              /* 高于同层的对话窗（auto）与颜色层（z 0） */
    box-shadow:var(--shadow);
  }
  body.aif-pip402 .ai285-float397>.ai-left285>.aigrip400{display:none!important}
  body.aif-pip402 .ai285-float397>.ai-left285>.aifpip-g402{display:block}
  body.aif-pip402 .ai285-float397>.ai-left285>.aibar400{cursor:move}
  body.aif-pip402{cursor:default}

  /* ---------- ④ v564：角标的倒角跟窗体对齐（用户报「右下角的拖拽图标的倒角和窗口的倒角不一致」） ----------
     窗体 `.ai-left285` 是 `border:1px solid` + `border-radius:14px` + `overflow:hidden`
     ⇒ 子元素被裁出来的圆角是 **14 - 1 = 13px**；角标原来写 6px ⇒ 它那截 L 形边线的外角
     正好落在裁剪弧**之外**、被窗体削掉 ⇒ 角上缺一块、跟窗体的弧对不上。
     改成 13px：角标边线的外缘正好贴着窗体内壁的弧走（hover 变强调色时也一样贴）。
     ⚠️ 不能写 14 —— 比裁剪弧还大 ⇒ 外角又被削掉，等于没改。 */
  .aifpip-g402{border-bottom-right-radius:13px}