kate522
833f94bf3a
feat(orders): 规范化前台订单详情弹窗
弹窗外壳由 modal-runtime 挂载在 body 下，并不位于 .aksrt-orders-page 之内，
而原有 .aksrt-order-detail__* 规则引用的 --orders-ink / --orders-line 等别名
只定义在页面容器上。变量在该作用域无法解析，整条声明被判为无效值丢弃，于是
边框、分隔线与次要文字色全部没有生效——弹窗此前「没做完」的根因就在这里。
- renderDetail() 重构为状态横幅 + 商品信息 + 交易信息 + 操作栏四段
- 状态配色改由单个 --hero-accent 变量驱动，按状态切换琥珀 / 绿 / 品牌色 /
中性灰；--hero-text 再与墨色混合，避免强调色直接用作正文导致对比度不足
- 交易信息补上支付方式；流水号增加复制按钮（clipboard API + textarea 回退，
带 is-copied 反馈）
- 待支付订单在详情内显示实时倒计时；updateCountdowns() 经新增的
countdownScopes() 一并扫描弹窗内容，原先只扫页面根节点
- 补充此前完全缺失的 refresh-state 与 skeleton 样式
- 金额口径按状态区分应付款 / 实付款 / 订单金额；卡密核销回退出的原始渠道 key
归一显示为「卡密核销」
- 弹窗外壳挂 aksrt-order-detail-modal 类以限定样式作用域，宽度调至 480px
关键点是所需 token 在弹窗外壳上重新声明，而不是继续依赖页面级别名——后者会
因 portal 作用域再次失效。移动端沿用 bottom sheet，操作按钮等分宽度。
验证：node --test tests/**/*.test.cjs 362/364 通过（2 项失败为改动前既存，
见上一笔提交说明）；phpunit 44 项 / 103 断言全部通过；Chromium 实拍 1080px
浅色与暗色两套主题逐项核对；样式类定义 21 个与引用 21 个完全对应，无遗留
死样式；order-center.js 经 node --check 语法校验通过。
2026-09-18 22:14:46 +08:00
..
2026-08-17 14:52:19 +08:00
2026-08-22 16:16:30 +08:00
2026-09-18 20:05:05 +08:00
2026-08-22 16:16:30 +08:00
2026-07-18 22:48:08 +08:00
2026-07-03 23:15:11 +08:00
2026-08-12 16:48:40 +08:00
2026-08-17 14:52:19 +08:00
2026-07-10 23:37:20 +08:00
2026-08-22 16:16:30 +08:00
2026-09-18 22:14:46 +08:00
2026-08-22 16:16:30 +08:00
2026-07-03 23:15:11 +08:00
2026-08-22 16:16:30 +08:00
2026-07-04 17:09:12 +08:00
2026-08-29 22:03:48 +08:00
2026-08-16 21:28:02 +08:00
2026-08-23 18:01:56 +08:00