qiankun 風スコープ付き CSS のキャプチャ検証

qiankun マイクロフロントエンドのページでは、CSS に #root .xxx / #micro-component-inner .xxx のようなスコープ付きセレクターが現れる。 JSON_V1 キャプチャでは #root 配下の DOM 階層が保持されず、対象要素が #app 配下などに移るため、キャプチャ時にこれらのプレフィックスを除去して 子孫結合子のみのセレクターへ変換する（stripQiankunScopePrefixes）。
このページは「除去後の構造」を模写している: 各要素は #root の外 （#app 配下）に置き、CSS は #root スコープのまま。
⚠ LIVE（このページを直接開いた状態）では赤い「崩れ」表示が出るのが正常。 キャプチャして閲覧したとき（プレフィックス除去後）に「✓」表示・装飾へ変われば除去が機能している。 キャプチャ閲覧時も赤いままなら除去が壊れている。

Case 1: #root スコープ（除去されれば #app 配下のカードに適用）

LIVE では崩れ表示が正常。キャプチャ閲覧時に青いカードへ変わればOK。
幾何学図形
マイクロアプリのカード
#root を除去した後に .qk-card 単体で発火することを期待

Case 2: #micro-component-inner スコープ

LIVE では崩れ表示が正常。キャプチャ閲覧時に緑のリストへ変わればOK。

Case 3: #root-inner（除去されない境界ケース + 番兵）

#root-inner は除去対象外。紫ボックスは常に維持、点線の番兵は正常なら無背景のままでOK。
#root-inner .keep-prefix で装飾。#root-inner は #root とは別IDで、 正規表現は #root の直後が空白の時だけ除去するため除去されない（常に紫で維持されればOK）。

番兵（#root-inner の外）: 正常なら無背景の点線枠のまま。 もし紫背景になったら、誤って #root-inner まで除去され .keep-prefix 単体にマッチした＝除去のやり過ぎ（異常）。