各位用户：
本次更新改善服务器商品管理页的顶部排版。
以前的问题
五张统计卡宽窄不一
卡片宽度跟着文字长度走，实测是 68 / 63 / 80 / 80 / 68 像素，排在一起参差不齐。
左右两块高度不一致
左侧标题区约 55px 高，右侧统计卡约 59px，垂直居中后顶边和底边都差几个像素，看着不齐。
窄窗口会撑破页面
窗口拉窄时，统计卡按内容宽度排列，会把页面撑出横向滚动条。
数字位数变化会抖动
数字用比例字体，「9」和「393」占的宽度不同，数字一变卡片宽度就跟着跳。
现在怎么做
五张卡固定等宽
统一 84px 宽，不管文字几个字、数字几位，卡片宽度都不变。
左右等高、顶底齐平
标题区和统计区拉到同一高度，顶边、底边误差 0 像素。窗口变窄时两侧一起长高，始终保持齐平。
数字等宽显示
统计数字改用等宽数字（tabular-nums），从 9 变成 393 卡片也不动。
卡片内文字居中
数字在上、标签在下，统一居中，五张卡看起来是一个整体。
窄屏自动换行
窗口小于 1080px 时，统计区自动换到标题下方并铺满整行；小于 640px 时改成三列两行。任何宽度都不会横向溢出。
说明文字精简
顶部说明压缩成一行，1280 宽的笔记本上也不会换行把卡片顶高。
说明
只改后台这一页的样式
不涉及数据，已设的现价、原价、售罄标记全部不变。
前台不受影响
商品页的价格与售罄显示逻辑没有改动。
建议强制刷新
样式写在这个页面里，浏览器可能缓存旧版本，建议 Ctrl+F5 刷新一次。
珩宇网络科技