/* ================= v634：序列帧编辑窗 —— 两面帧墙的尺寸/选中态 + 去掉多余滚动条 + 窗加宽 =================
   工单 W634。用户 2026-10-15 傍晚附两张截图提六条：

     ① 红色区域高度保持和绿色的图片尺寸统一
        （红 = 左栏「全部帧」墙；绿 = 右下「已选帧」墙 —— 两面墙的格子现在**不等高**）
     ② 黄色框内显示的尺寸更改为完整尺寸，现在高度不对
        （黄 = 左栏「全部帧」墙整体：网格被 `max-height:420px` + 左栏 `overflow:auto`
          两层高度打架 ⇒ 顶上一行「点一下选中/取消」被裁掉半行，第 24 帧那条边也被切）
     ③ 黄色框（全部帧墙）里**未选中帧呈暗灰色**（可加半透明黑），
        与「选中 / 未选中」拉开区别
     ④ 绿色框（右下已选帧墙）也**强化选中帧样式**，明显区分，
        但**不要**加半透明的黑
     ⑤ 「这个地方高度调节删除」—— 截图 2 红框：画布下方那条**横向滚动条**
        （`cvbox586` 里的 overflow-x 溢出条，画布是等比缩放显示的、根本没有横向内容）
     ⑥ 整体窗口宽度增加

   ── 现状（读代码读出来的，不猜）───────────────────────────────────────────────
     · 窗：`31:11` `width:min(92vw,960px)`、`45` 把高改成 `min(94vh,880px)`
     · 绿墙 `#seqEditGrid573`：`46` 把它从 grid 改成 **flex + nowrap + overflow-x:auto**
       （v630 剪映时间轴口径），格子 `flex:0 0 auto;width:72px`
       ⇒ 格子宽**固定 72px**，高由 canvas 自身比例出（1:1 ⇒ 72px 高）
     · 黄墙 `#seqAllGrid633`：`47:33-37` `grid-template-columns:repeat(3,1fr)`
       + **`max-height:420px`** + 左栏又是 `overflow:auto`
       ⇒ ① 格子宽 = (280-24-2*6)/3 ≈ 81px ⇒ **比绿墙的 72px 宽**，两墙不等高（截图现象）
       ⇒ ② 容器高度 + 左栏滚动高度打架 ⇒ 顶部说明行被裁半行（第 24 帧那条边也被切）

   ── 做法：本表**只覆盖尺寸/配色**，不动任何布局结构与既有表原文 ───────────────
     ① ② 把黄墙改成**与绿墙同一套格子尺寸**（宽 72px、比例同源），
          并把 `max-height` 改成 `flex:1`（跟着左栏走）⇒ 不再有第二套高度打架。
     ③ 黄墙未选中 = 半透明黑罩（`::after` 叠层，只盖 canvas 不盖序号角标）
          + 选中 = 主题色粗描边 + 提亮（对比拉满）。
     ④ 绿墙选中 = 同一套描边语言（与③一致）但**不加黑罩**（它整墙都是选中的）。
     ⑤ 画布容器 `overflow` 归 `hidden` ⇒ 那条横向滚动条没有存在理由，直接没。
     ⑥ 窗宽 960 → **1180px**（视口不够时仍受 92vw 约束，不会顶穿）。

   ⚠️ 为什么黄墙用「固定 72px」而不是 `1fr`：v632 已经把绿墙钉成 72px 固定宽（那是为了
     修「flex 下没宽度 ⇒ 高度塌掉」）。两墙要**看起来一样**，就得用同一个数 ——
     这正是 v617 耦合量铁律：**格子尺寸是耦合量，两处必须同源**。

   ⚠️ 配色一律走主题变量（--accent / --accent-soft / --card / --sunken / --line），
      不发明裸色；半透明黑只用 `rgba(0,0,0,…)`（站内既有那一档）。
   ⚠️ 本表是唯一新增文件：02 / 27 / 31 / 33 / 35 / 45 / 46 / 47 **一字未动**；
      删掉本表 = 完全回退。 */

/* ============================================================================
   ⑥ 整体窗口加宽：960 → 1180px（v629 已把高提到 min(94vh,880px)，宽度这层还留着）
   ============================================================================ */
.seqedit-win571{
  width:min(94vw,1180px)!important;
}
/* 加宽后左栏跟着放宽一点（258 → 280 是 v595 定的，宽度不够时三列格子会被挤） */
.seqedit-left586{flex:0 0 300px}

/* ============================================================================
   ⑤ 红框那条横向滚动条删除：画布是等比缩放显示的，本就没有横向内容
   ============================================================================ */
.seqedit-cvbox573.seqedit-cvbox586{
  overflow:hidden!important;          /* ★ 原来 overflow-x 溢出出一条空滚动条 */
}
.seqedit-cvbox573.seqedit-cvbox586::-webkit-scrollbar{display:none}

/* ============================================================================
   ① ② 黄墙（左「全部帧」）：与绿墙同一套格子尺寸 + 完整显示（不再被 420px 裁）
   ============================================================================ */
.seqedit-pane633[data-pane="all"],
.seqedit-allwrap633{
  flex:1 1 auto!important;min-height:0!important;
}
/* ★ 容器跟着左栏走（原来是 max-height:420px，与左栏 overflow:auto 打架 ⇒ 顶部被裁半行） */
.seqedit-allgrid633{
  grid-template-columns:repeat(3,72px)!important;   /* ★ 与绿墙同一个 72px（耦合量） */
  max-height:none!important;
  flex:1 1 auto!important;min-height:0!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  padding-right:2px;                                   /* 让竖滚动条不压到最后一列 */
  align-content:start;
}
/* 格子与绿墙完全同源：固定宽、不许压扁、比例随素材 */
.seqedit-allgrid633 .frame-cell{
  flex:0 0 auto!important;width:72px!important;min-width:72px!important;
}

/* ============================================================================
   ③ 黄墙：未选中 = 半透明黑罩（暗灰）· 选中 = 粗描边 + 提亮
   ============================================================================ */
.seqedit-allgrid633 .frame-cell{
  border:1px solid var(--line)!important;
  transition:.12s;
}
/* 未选中：canvas 上盖一层半透明黑（**角标序号不盖**，仍是可读的） */
.seqedit-allgrid633 .frame-cell:not(.on) canvas{
  filter:brightness(.62) saturate(.85);       /* 压暗到暗灰，比 opacity 更可控 */
}
.seqedit-allgrid633 .frame-cell:not(.on)::after{
  content:'';position:absolute;inset:0;background:rgba(0,0,0,.34);pointer-events:none;
}
/* 未选中的角标也压暗一档，保持「这一帧没被选」的整格统一感 */
.seqedit-allgrid633 .frame-cell:not(.on) b{opacity:.45}
/* 选中：主题色双层描边 + 提亮（与绿墙同一套视觉语言） */
.seqedit-allgrid633 .frame-cell.on{
  border-color:var(--accent)!important;
  box-shadow:0 0 0 2px var(--accent-soft),0 0 0 4px rgba(0,0,0,.14)!important;
  transform:scale(1.04);                       /* 选中格略大，肉眼一眼分得开 */
  z-index:1;
}
.seqedit-allgrid633 .frame-cell.on canvas{filter:none}
.seqedit-allgrid633 .frame-cell.on b{
  background:var(--accent)!important;color:#0b0d12!important;opacity:1;
}
/* v633 写的 `.off{opacity:.42}` 这条要撤 —— 暗灰改由上面的黑罩 + brightness 负责，
   两套叠加会把未选中的帧压得过黑（.42 的 opacity × .34 黑罩 ≈ 看不见）。 */
.seqedit-allgrid633 .frame-cell.off{opacity:1!important}

/* ============================================================================
   ④ 绿墙（右下已选帧）：强化选中样式，但**不加半透明黑**
   ============================================================================ */
.seqedit-grid573 .frame-cell{
  border:1px solid var(--line)!important;
  border-radius:9px;
}
.seqedit-grid573 .frame-cell.on{
  border-color:var(--accent)!important;
  box-shadow:0 0 0 2px var(--accent-soft),0 0 0 4px rgba(0,0,0,.16)!important;
  transform:scale(1.06);
}
/* ★ 绿墙整墙都是选中的 ⇒ **明确不加黑罩**（用户原话「但不要加半透明的黑」）。
   正在播的那一帧靠 `.now633` 的浅底区分，不与选中态抢。 */
.seqedit-grid573 .frame-cell canvas{filter:none}
.seqedit-grid573 .frame-cell.on b{
  background:var(--accent)!important;color:#0b0d12!important;
}