星盘页换成组件库：页签、盘型条、可拖分栏和换盘动效（#107）。

四个页签用下划线，盘型条用分段并可以横滑，全部盘型从底部打开。桌面上盘和参数可以拖宽，窄屏上下排。行星表仍跨满整行。换盘型时星体移到新位置；减少动态效果只淡入。第一次进场不重播。

自测：tsc 退出码 0；frontend 下 npm run lint 0 error（122 警告）；定向测试 188 通过、0 失败、0 取消；npm run build 后 / 仍是 Static；首屏 JS gzip-9 为 640131，相对 d25dfdbe 记下的 639127 多 0.16%。没有跑全量 npm test、Python 快速门和 test:db。

Co-Authored-By: Grok (agent loop)

docs/testing/ui-kit-migration-20261023.md

@@ -29,3 +29,15 @@
 3. 回答下面可以赞、踩、复制。点踩之后可以选原因，也可以什么都不选就提交。兑换窗的句子和以前一样。
 4. 桌面上，点数右边有一个打开本命盘的按钮。打开后是当前人物的本命盘。拖右缘，宽度停在大约 280 到 560 像素。收起后再打开，宽度还在。刷新页面，开着和宽度都还在。
 5. 把窗口改成大约 375 像素宽。顶栏没有打开本命盘的按钮。
+
+## 星盘页
+
+没有登录态，下面各项都还没在浏览器里看过。1024、1280 和 390 三种宽度的截图也没做。
+
+1. 打开星盘。四个页签是星盘、基础信息、大运、西洋盘。当前项有下划线。点基础信息、大运、西洋盘，内容跟着换。盘还没出来时，这四个不能点。
+2. 在星盘页里，本命、D9、月亮这些盘型是一排。选中的一格是亮的。盘型多时可以横着滑，页面本身不横滚。点右边「全部盘型」，从底部打开，能看到 23 种。点一种，抽屉关上，条上滚到那一格。
+3. 把窗口放到大约 1280 或 1024 宽。盘和旁边的参数中间有一条可以拖。拖宽之后行星表仍然横跨整行，没有缩回左半边。把窗口改成大约 390 宽，盘在上，参数在下，页面没有横向滚动条。
+4. 看本命行星表的状态列。有字的都是同一种小标记。落陷，以及写着「敌」的，颜色更重。没有状态的格子是「—」，上升那一格也是「—」。指上去能读到「上升点是命盘的起点，不是行星，不判断入旺或落陷」。
+5. 点顶栏的日期和地点。可以改出生资料。点框里面的空白不会把没保存的修改丢掉。按 Esc 或点外面会关上。
+6. 在本命和 D9 之间来回切。星体从原来的宫位移到新的宫位，停稳后和直接打开那张盘一样。换成另一个人时，格子重画，星体不飞。系统开了减少动态效果时，只淡入，没有位移。第一次打开星盘时的那一次画线，不会因为换盘再来一遍。
+7. 点开一段收着的大运，下面的小运展开。0 年的那一段不能展开。右栏先是 Chara。点 Yogini 才去取另一套。这一套失败时，再点一次 Yogini 会再要一次。