feedback2 WL: 干员调配 shows 局内数值 — the chosen skill / module's stats, 攻击范围, 特性 and 天赋, 精锐 first with a 普通 toggle, drawn by the card's own block (GitHub #64)

public/css/screens/loadout.css

@@ -1,6 +1,6 @@
 /* ==========================================================================================
    screens/loadout.css — 干员调配 (Operator loadout, DESIGN §16; js/screens/loadout.js): full-screen overlay with a
-   filterable roster of the visible chess (left) and the selected chess's skills and elite modules (right).
+   filterable roster of the visible chess (left) and the selected chess's skills, 局内数值 and elite modules (right).
    Official preset sprites (ui/outer: operator_preset, image_skill_select_outline, skill_select_deco, icon_equip_non)
    are used when the local-client art is present; every piece has a CSS fallback.
    Sizes are design px ÷ 100 (theme.css root scale); text that must stay readable on phones uses max(.xxrem, N px).
@@ -308,6 +308,21 @@
 .lo-attr b { font-family: var(--font-num); font-size: max(.15rem, 10px); }
 .lo-attr.is-up b { color: var(--mint-400); }
 .lo-attr.is-down b { color: var(--red-premium); }
+
+/* 局内数值 (the chosen variant's stats, 攻击范围, 特性 and 天赋 — GitHub issue #64): the detail card's own block
+   (ui/detailPanel.js chessStatsBlock: .dstats / .dstat / .drange / .rgrid / .rgrid-all from game-panels.css, drawn there in
+   board-sized units) at this screen's reading sizes — a px floor on every text size (1 rem is 40 px on phones), the range box
+   dropping under the numbers when the column is too narrow for both */
+.lo-sec--stats .dstats-wrap { flex-wrap: wrap; gap: .1rem; }
+.lo-sec--stats .dstats-wrap > .dstats { flex: 1 1 max(3.2rem, 190px); }
+.lo-sec--stats .dstat { padding: .05rem .08rem; }
+.lo-sec--stats .dstat__k { font-size: max(.13rem, 9px); }
+.lo-sec--stats .dstat__v { font-size: max(.2rem, 12px); }
+.lo-sec--stats .drange { min-width: max(1.1rem, 56px); }
+.lo-sec--stats .rgrid { --rg: max(.14rem, 7px); } /* (a grid wider than the box keeps its inline, shrunk --rg) */
+.lo-sec--stats .rgrid-all { font-size: max(.16rem, 11px); }
+.lo-minfo--kit { margin-top: 0; border-left-color: var(--mint-500); }
+.lo-stats__cap { margin: 0; font-size: max(.13rem, 9px); line-height: 1.5; color: var(--text-dim); }
 .lo-locknote { display: flex; align-items: center; gap: .06rem; margin: .16rem 0 0; font-size: max(.14rem, 10px); color: var(--amber); }
 .lo-locknote .icon { width: .16rem; height: .16rem; }