/**
 * 应用模块图标色板（全局）· 冷调科技蓝
 *
 * 工作台/应用中心按模块 code 轮换取色，避免所有卡片都是同一个蓝色。
 * 用法：<view class="tint-icon tint-2"><FaIcon .../></view>
 * .tint-icon 的尺寸/圆角/居中定义在 page-common.scss 的 @mixin tint-icon 中，
 * 这里只提供背景渐变。
 *
 * 统一收敛到「蓝白高级」的冷色区间（蓝 / 靛 / 天青），通过明度与色相微差区分模块，
 * 不再使用高饱和的绿/橙/紫/红，保持整体克制、干净。
 */
.tint-0 { background: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%); }
.tint-1 { background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%); }
.tint-2 { background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%); }
.tint-3 { background: linear-gradient(135deg, #4f46e5 0%, #818cf8 100%); }
.tint-4 { background: linear-gradient(135deg, #0891b2 0%, #22d3ee 100%); }
.tint-5 { background: linear-gradient(135deg, #3b82f6 0%, #93c5fd 100%); }
.tint-6 { background: linear-gradient(135deg, #4338ca 0%, #6366f1 100%); }
.tint-7 { background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%); }

/** 未开通（套餐锁定）时的灰色底 */
.tint-off { background: linear-gradient(135deg, #cbd5e1 0%, #e2e8f0 100%); }