/*
* 视觉稿的构件与样式。只依赖 tokens.css，值不在此处硬编码。
* 这是「画板」而不是页面：每屏 HTML 引用本文件 + tokens.css，画板尺寸固定 375x812。
* 小程序实现时不复制这里的样式，只复制 tokens（见 tokens.md「TDesign 落地映射」）。
*/
/* ===== 图标：mask + currentColor，颜色跟随文字 ===== */
.i {
display: inline-block;
flex: none;
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: var(--icon) center / contain no-repeat;
mask: var(--icon) center / contain no-repeat;
}
.i--sm { width: 16px; height: 16px; }
.i--lg { width: 28px; height: 28px; }
.i-home { --icon: url("data:image/svg+xml;utf8,"); }
.i-grid { --icon: url("data:image/svg+xml;utf8,"); }
.i-order { --icon: url("data:image/svg+xml;utf8,"); }
.i-user { --icon: url("data:image/svg+xml;utf8,"); }
.i-back { --icon: url("data:image/svg+xml;utf8,"); }
.i-search { --icon: url("data:image/svg+xml;utf8,"); }
.i-plus { --icon: url("data:image/svg+xml;utf8,"); }
/* 下面两个给 PC 端左导航用（业绩数据、推荐码），手机端不用 */
.i-chart { --icon: url("data:image/svg+xml;utf8,"); }
.i-qr { --icon: url("data:image/svg+xml;utf8,"); }
.i-minus { --icon: url("data:image/svg+xml;utf8,"); }
.i-chev { --icon: url("data:image/svg+xml;utf8,"); }
.i-check { --icon: url("data:image/svg+xml;utf8,"); }
/* 定位 / 收货人卡片用 */
.i-loc { --icon: url("data:image/svg+xml;utf8,"); }
.i-truck { --icon: url("data:image/svg+xml;utf8,"); }
.i-star { --icon: url("data:image/svg+xml;utf8,"); }
.i-shield { --icon: url("data:image/svg+xml;utf8,"); }
.i-bell { --icon: url("data:image/svg+xml;utf8,"); }
.i-chart { --icon: url("data:image/svg+xml;utf8,"); }
.i-qr { --icon: url("data:image/svg+xml;utf8,"); }
.i-box { --icon: url("data:image/svg+xml;utf8,"); }
.i-barcode { --icon: url("data:image/svg+xml;utf8,"); }
.i-doc { --icon: url("data:image/svg+xml;utf8,"); }
/* 图片：内容管理用它（原先是引用了未定义的 .i-image，会渲染成实心方块） */
.i-image { --icon: url("data:image/svg+xml;utf8,"); }
.i-leaf { --icon: url("data:image/svg+xml;utf8,"); }
.i-heart { --icon: url("data:image/svg+xml;utf8,"); }
.i-pulse { --icon: url("data:image/svg+xml;utf8,"); }
/* 操作栏按钮用的图标：与全站同一套（24 视窗 / stroke 1.8 / 圆角线帽），风格与粗细一致 */
.i-edit { --icon: url("data:image/svg+xml;utf8,"); }
.i-eye { --icon: url("data:image/svg+xml;utf8,"); }
.i-eye-off { --icon: url("data:image/svg+xml;utf8,"); }
/* 产品管理「上架 / 下架」操作按钮用（action-btns 传 icon: list / unlist） */
.i-list { --icon: url("data:image/svg+xml;utf8,"); }
.i-unlist { --icon: url("data:image/svg+xml;utf8,"); }
.i-truck { --icon: url("data:image/svg+xml;utf8,"); }
.i-trash { --icon: url("data:image/svg+xml;utf8,"); }
.i-card { --icon: url("data:image/svg+xml;utf8,"); }
.i-phone { --icon: url("data:image/svg+xml;utf8,"); }
.i-tel { --icon: url("data:image/svg+xml;utf8,"); }
.i-tub { --icon: url("data:image/svg+xml;utf8,"); }
.i-capsule{ --icon: url("data:image/svg+xml;utf8,"); }
.i-bottle { --icon: url("data:image/svg+xml;utf8,"); }
/* ===== 画板 ===== */
* { box-sizing: border-box; }
/* 浏览器给