/* 2026-08-18 实测修正：1f23133 原版和 prism-sfr.html 的全局重置都是 border-box(两边
一致，不是要抵消谁）,这批图当年就是在 border-box 下调出来的。显式写死在这里，不依赖
目标页将来不改——防止哪天目标页把全局重置换掉，这批图无声跟着走样。 */
#market, #market * { box-sizing: border-box; }
/* 2026-08-18 实测修正：line-height 两边都是 1.6(prism-sfr.html body 和 1f23133 body 一致）,
不需要抵消，写回 1.6 只是不依赖继承。font-weight 才是真的要抵消的：原版 400,
prism-sfr.html body 是 300,不写回这批图的粗细会变细。background 不写——1f23133 原版这一段
background 是透明的，坐在 --canvas(#f4f7f5)上；之前这里写的 var(--surface) 是错的，
把底色从浅灰绿改成了纯白（2026-08-18 对比原版浏览器实测发现）。 */
#market { line-height: var(--lh-reset); font-weight: 400; }
#market{margin-bottom:40px}
#market .g-head{margin-bottom:16px}
#market .g-styles{display:flex;gap:8px;margin-bottom:16px}
#market .g-pill{font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--track-label);text-transform:uppercase;
padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);
color:var(--muted-strong);cursor:pointer;transition:border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast)}
#market .g-pill:hover{border-color:var(--accent-line);color:var(--ink)}
#market .g-pill.on{background:var(--ink-card);border-color:var(--ink-card);color:var(--on-ink)}
#market .g-claim{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h1);color:var(--ink);
line-height:1.25 /* line-height: matches r-h2's 1.25; this element is on --fs-h1 not --fs-h2 so the class isn't adopted */;margin-bottom:8px;max-width:var(--w-narrow)}
/* Task 13(design-language-unification): was .g-sub — brief's collapse table grouped it
with the a-caption ("what is this?") names, but its actual content ("Circle position =
... size = ... colour = ...") answers a-legend's question ("what do the colours and
sizes mean?"), not a-caption's — measured off the live text, not assumed from the name.
Corrected here; noted in task-13-report.md. #plHowBody's only direct-child div.a-legend
is this one (the real legend rows below live inside .pl-item), so this scope is safe. */
#market #plHowBody>div.a-legend{max-width:var(--w-narrow)}
/* Task 13: was .g-legend + .tl-legend — identical container rules (display/flex-wrap/gap/
margin-top), both collapsed into one. Both containers' rows live inside a .pl-item, so
that ancestor plus the div/span element split (below) keeps this from also matching
#plHowBody's bare .g-sub div above or .bf-legend's differently-laid-out container. */
#market .pl-item div.a-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px}
/* Task 13: was .g-size-note — font-size/color/line-height dropped, they already matched
.a-scope (styles/roles.css) exactly; margin/max-width are the real remainder. ID-scoped
(not class-scoped) so this doesn't also reach #market's other .a-scope uses in the same
panel (g-scope-note, the big provenance paragraph, #bfCoverage). */
#market #sizeNote{margin-top:8px;max-width:var(--w-read)}
/* 面板可用性反馈①(2026-08-09, Eddie): "没有一个市场从 09 年高点回归吗？ 为什么最高的比例
也没有超过 0%" —— 这是表达问题， 不是数据问题： 回撤这个指标的定义是"距自己历史高点还差
多少", 数学上最高就是 0, 0% 的含义是"正在创新高"。读者不该需要读小字才理解这件事， 所以
这句解释不能用 .g-size-note/.strip-note 那种 11-11.5px 的静音灰footnote 排版（那正是
Eddie 说的"小字")—— 用 --ink(不是 --muted-strong)、更大的字号、带色块的 callout, 让它
在页面视觉层级上更接近"正文"而不是"脚注"。左边框的绿色（#2E7D5B)
2026-08-10-panel-charts-redesign Task 3(独立复审 Minor m1 修复轮）: 这个色值原来的注释说
它"取自 js/resi-market.js BANDS 数组里最接近历史高点那一档的圆圈颜色"——这条理由已经失效，
BANDS 数组已经换成发散色阶（见 js/resi-market.js 文件头 §pct), 里面已经没有"最接近历史
高点那一档"这个概念了（C_UP 现在的含义是"已经涨过崩盘前高点", 与这个 callout 描述的
"0% = 历史高点"是另一件事）。色值本身仍然合适， 现在是一个独立选定的正向绿， 不再"取自
BANDS"。
m-2(2026-08-10 最终整支复审）: 上面原来还说"与 js/resi-market.js:477 附近同一色值（dd 带
"top 0%" 标注）一样"——那个"dd 带 top 0% 标注"是四层带取代的旧单条回撤带上的一处标注，
已经随那次重写整个消失， js/resi-market.js 现在对应位置是四层带的左上角三行（读 q75/q50/
q25, 与"0% = 历史高点"这句话完全无关）, 不存在任何"同一色值"的姐妹引用了 —— 已删除这条
失效的交叉引用， 不再指向一个不存在的东西。 */
/* Task 13(design-language-unification): was .g-peak-note, now .a-scope — but the callout
look above (--ink not --muted-strong, bigger font, coloured block) is Eddie's explicit,
documented call one paragraph up ("这句解释不能用。..footnote 排版。..用 --ink、更大
的字号、带色块的 callout"), not drift, so every property here is kept exactly as it
was rather than dropped to the role's default look. ID-scoped so it doesn't leak this
deviation onto #market's other .a-scope uses. */
#market #peakNote{font-size:var(--fs-small);color:var(--ink);line-height: var(--lh-panel);margin-top:12px;max-width:var(--w-read);
padding:8px 12px;background:rgba(46,125,91,0.08) /* Task 16: kept literal on purpose — (46,125,91) is not any token (nearest is --accent (47,132,103), off by 1/7/12); it's the same historical green as this rule's own border-left:#2E7D5B two properties over, at 8% */;border-left:3px solid #2E7D5B;border-radius:0 var(--radius-sm) var(--radius-sm) 0}
#market #peakNote strong{font-weight:var(--fw-medium)}
#market .g-controls{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* Task 13: was .g-legend-item — font-size/color dropped, .a-legend (styles/roles.css)
already supplies the same values; layout is the real remainder. Element-qualified
(span, not div) and .pl-item-scoped so this doesn't also match the container-level
div.a-legend rule above or .bf-legend's item-less container below. */
#market .pl-item span.a-legend{display:inline-flex;align-items:center;gap:8px}
#market .g-swatch{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
/* m-7(2026-08-10 最终整支复审）: 原来这里用 var(--accent-strong)(#2b7a5f, 一个青绿） —— 这个
色值不在 js/resi-market.js 的 BANDS 数组里， 地图上永远不会有一个圆被画成这个颜色， 留着一个
没有任何圆会画出来的样例就是撒谎。同一份文件紧接着下面 .g-swatch-faded 被删除时用的正是
这条理由（"留着一个没有任何圆会画出来的样例就是撒谎")——这里逐字适用， 只是没人当时顺手把
这一处也改掉。换成 C_ZERO(js/resi-market.js 里"恰好回到崩盘前高点"那一档的颜色， #d9d8d3),
这是 BANDS 数组里真实存在、地图上真的会画出来的一个颜色。 */
#market .g-swatch-solid{background:#d9d8d3}
/* .g-swatch-faded(2026-08-10-panel-charts-redesign Task 3, coordinator 裁定）已删除：
"褪色 = 借用了更早季度"那个视觉状态随 resolveFrame 一起从颜色通道退役了， 圆现在只有
实心/空心两种， 留着一个没有任何圆会画出来的样例就是撒谎。 */
#market .g-swatch-hollow{background:none;border:1px dashed #7C8794}
/* Task 8: 时间轴柱子的三段图例 —— 方块（不是圆）, 和 js/resi-market.js 里锁死的三个色盲可
分辨色一一对应（#2a78d6/#eda100/#c2521c), 不经 CSS 变量（数据色， 不随主题换）。
Task 13(design-language-unification): 当时给了它一个独立的 .tl-legend 容器 class 名，
理由是"测试需要一个无歧义的字符串起点截出这一块， 不能跟地图圆图例共用 class"——那个理由
现在已经不成立了： 当时援引的 test/prism-hub-legend-panel.test.mjs 已在 43cc022 被删除，
而它在被删之前那些断言就已经改用 id="tlLegend" 定位（2026-08-20 Task 22 补注： 原文没写
它已被删除， 读起来像还有一条测试靠这个 class 名在守什么， 其实没有）,
不再依赖 class 字符串本身唯一， 所以容器现在与地图圆图例共用同一个 .a-legend 收敛结果，
上面 `#market .pl-item div.a-legend` 那条规则（container display/flex-wrap/gap/margin-top)
已经覆盖它， 这里不再需要一条重复规则。 */
#market .g-swatch-mkt{background:#2a78d6;border-radius:var(--radius-sm)}
#market .g-swatch-pre{background:#eda100;border-radius:var(--radius-sm)}
#market .g-swatch-reo{background:#c2521c;border-radius:var(--radius-sm)}
#market #resiMap{background:var(--canvas);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
/* Task 12(2026-08-08, 收敛面板注解）: 悬浮图例/怎么读控件， 收进图右上角一个悬浮控件里的
两个折叠块。两个折叠块共用 .pl-summary/.pl-body/.pl-chevron —— "统一格式"这条硬要求靠
共用同一套类保证， 不是靠肉眼比对两份各写各的 CSS。
Task 14(design-language-unification, 2026-08-20): 上面这段曾经描述的浮层布局（叠在地图
右上角， .g-map-wrap 给 position:relative 的定位祖先， z-index 950 保证浮在 Leaflet 图层
之上）已经整段撤回 —— 实测浮层内容 470px 只能在 360px 的高度上限里显示、必须内部滚动，
且遮住地图 22.4%(见 task-14-report.md)。dataviz 指南明确把"图表容器内嵌套纵向滚动"
列为反模式。改成复用本文件本来就有的、给手机断点写的"图下静态块"形态（见下方
.panel-legend-ctrl 规则）——那正是"图例移到图下"这件事本该长的样子， 不是新发明一套布局。
.g-map-wrap 的 position:relative 保留（不做定位祖先也无害）, 不再有任何后代依赖它定位。 */
#market .g-map-wrap{position:relative}
/* Task 14: 桌面端曾经是 position:absolute 的浮层（见上方注释）, 现在直接采用原本只在
max-width:640px 断点下才用的"图下静态块"这套值 —— 两种视口不再需要两套规则， 下面
640px 断点里原来复位 position:static 的那条覆盖规则也随之整段删除（不会有任何一个视口
还会用到 position:absolute, 复位规则变成死代码）。max-height/overflow 也一并去掉：
不再是叠在地图上的浮层， 就不再需要一个滚动裁切来防止它盖住下面的图三/图三区域。 */
#market .panel-legend-ctrl{position:static;width:auto;max-width:none;max-height:none;
overflow-y:visible;overflow-x:visible;margin-top:12px;
background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;
border:1px solid var(--border);border-radius:var(--radius);
box-shadow:var(--shadow-sm);font-size:var(--fs-caption);color:var(--muted-strong)}
/* Task 13(design-language-unification): was .pl-block, renamed .pl-panel — NOT collapsed
into .a-disclosure despite the brief's collapse table grouping it there. Checked by
content, not by name: .pl-block carries no text of its own (all copy lives in nested
.pl-summary/.pl-item-label/.pl-item-note, none of which are in the 16-name list) — it's
a pure structural wrapper for one collapsible section of the floating legend/how-to-read
control, styled entirely by .panel-legend-ctrl (font-size/color) and its own children.
Giving it .a-disclosure would import that role's own look (18/22px padding, --surface
background, 2px accent border-left, fs-small/1.7/body text) on top of the floating
widget's existing chrome — a real visual regression, not a rename. Renamed to .pl-panel
(matching the widget's existing .pl-* prefix) instead of reusing a-disclosure as an
alias-with-every-property-cancelled, which would satisfy the letter of "no aliases" but
not the spirit. Noted in task-13-report.md as a correction to the brief's table. */
#market .pl-panel+.pl-panel{border-top:1px solid var(--border)}
#market .pl-summary{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;
gap:8px;width:100%;padding:8px 12px;cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-caption);
letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink)}
#market .pl-summary:hover{color:var(--accent-strong)}
#market .pl-summary:focus-visible{outline:2px solid var(--accent-strong);outline-offset:-2px}
#market .pl-chevron{transition:transform var(--dur-fast);font-size:var(--fs-caption);flex:none}
#market .pl-summary[aria-expanded="true"] .pl-chevron{transform:rotate(180deg)}
#market .pl-body{padding:0 12px 12px;line-height: var(--lh-caption)}
#market .pl-body[hidden]{display:none}
#market .pl-body>*:first-child{margin-top:0}
#market .pl-item{margin-top:8px}
#market .pl-item-label{font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--ink);margin-bottom:4px}
#market .pl-item-note{font-size:var(--fs-caption);color:var(--muted-strong);line-height:1.45 /* line-height: tighter than a-caption/r-caption's 1.5, kept literal rather than silently rounded */}
#market .pl-ramp{width:100%;height:9px;border-radius:var(--radius-sm);border:1px solid var(--border)}
#market .pl-ramp-labels{display:flex;justify-content:space-between;font-size:var(--fs-caption);color:var(--muted-strong);margin-top:4px}
#market .pl-size-demo{display:flex;align-items:center;gap:8px}
#market .pl-size-circle{display:inline-block;border-radius:50%;background:var(--accent-strong);flex:none}
#market .pl-size-sm{width:6px;height:6px}
#market .pl-size-lg{width:16px;height:16px}
#market .pl-howto p{margin-top:8px}
/* Task 14: 原来这里有一条 @media(max-width:640px) 覆盖规则， 把 .panel-legend-ctrl 从
position:absolute 的浮层复位成 position:static 的图下静态块 —— 现在桌面端本身就已经是
同一套 position:static 值（见上面 .panel-legend-ctrl 规则本身）, 两个视口不再有任何差别，
这条覆盖规则整段变成死代码， 删除而不是留着一份不会再生效的重复声明。 */
/* ── Task 6(交接项 #2/#3/#4/#5): .strip / .strip-h / .strip-note / .tl-note 全仓零 CSS,
#globeStrips / #globeTimeline 是裸 div — 补齐。参照物是同页面的迁移图时间轴： 它靠的是
.tl-bars{height:56px}(prism-hub.html 上方） + 内部 canvas 的 width:100%, 不是媒体查询给
出确定高度。两条带（renderStrips)自己的