/* util-atomic.css — 原子工具类体系（批次2 基建）
 * 用于收敛高频静态内联样式，降低维护成本。
 * 命名 Tailwind 风格。加载顺序置于业务 CSS 之后（高优先级覆盖）。
 */

/* ===== 间距 margin ===== */
.mt-4{margin-top:4px}.mt-6{margin-top:6px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}
.mt-12{margin-top:12px}.mt-14{margin-top:14px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}
.mt-24{margin-top:24px}.mt-28{margin-top:28px}.mt-32{margin-top:32px}
.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}
.mb-12{margin-bottom:12px}.mb-14{margin-bottom:14px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}
.mb-24{margin-bottom:24px}.mb-28{margin-bottom:28px}
.ml-4{margin-left:4px}.ml-6{margin-left:6px}.ml-8{margin-left:8px}.ml-10{margin-left:10px}
.mr-4{margin-right:4px}.mr-6{margin-right:6px}.mr-8{margin-right:8px}.mr-10{margin-right:10px}
.mx-auto{margin-left:auto;margin-right:auto}

/* ===== 间距 padding ===== */
.pt-4{padding-top:4px}.pt-6{padding-top:6px}.pt-8{padding-top:8px}.pt-10{padding-top:10px}.pt-12{padding-top:12px}
.pb-4{padding-bottom:4px}.pb-6{padding-bottom:6px}.pb-8{padding-bottom:8px}.pb-10{padding-bottom:10px}
.px-6{padding-left:6px;padding-right:6px}.px-8{padding-left:8px;padding-right:8px}
.px-10{padding-left:10px;padding-right:10px}.px-12{padding-left:12px;padding-right:12px}.px-16{padding-left:16px;padding-right:16px}
.py-3{padding-top:3px;padding-bottom:3px}.py-4{padding-top:4px;padding-bottom:4px}
.py-6{padding-top:6px;padding-bottom:6px}.py-8{padding-top:8px;padding-bottom:8px}
.py-10{padding-top:10px;padding-bottom:10px}
.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-40{padding:40px}
.fs-11{font-size:11px}.fs-48{font-size:48px}

/* ===== 字号 ===== */
.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-15{font-size:15px}
.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-22{font-size:22px}
.fs-24{font-size:24px}.fs-28{font-size:28px}.fs-32{font-size:32px}.fs-36{font-size:36px}

/* ===== 字重 ===== */
.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}

/* ===== 文字颜色 ===== */
.text-orange{color:#F18D24}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}
.text-gray-500{color:#6b7280}.text-gray-600{color:#374151}.text-gray-700{color:#374151}
.text-gray-800{color:#1f2937}
.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}
.text-green-600{color:#16a34a}.text-blue-500{color:#3b82f6}.text-white{color:#fff}

/* ===== 背景 ===== */
.bg-white{background:#fff}.bg-gray-50{background:#f9fafb}.bg-gray-100{background:#f3f4f6}
.bg-orange-50{background:#fff7ed}

/* ===== 显示 ===== */
.d-none{display:none}.d-block{display:block}.d-inline{display:inline}
.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}
.d-grid{display:grid}.w-full{width:100%}.flex-1{flex:1}.m-0{margin:0}.border-none{border:none}
.box-border{box-sizing:border-box}.border-b{border-bottom:1px solid #f0f0f0}
.shadow-sm{box-shadow:0 2px 8px rgba(0,0,0,0.06)}

/* ===== flex 子项 ===== */
.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.justify-start{justify-content:flex-start}.justify-center{justify-content:center}
.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}
.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}
.gap-2{gap:2px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}

/* ===== 文本对齐 ===== */
.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}

/* ===== 边框 / 圆角 ===== */
.border{border:1px solid #e5e7eb}.border-gray{border:1px solid #e5e7eb}
.border-red{border:1px solid #fee2e2}.border-orange{border:1px solid #fed7aa}
.radius-4{border-radius:4px}.radius-6{border-radius:6px}.radius-8{border-radius:8px}
.radius-10{border-radius:10px}.radius-12{border-radius:12px}.radius-full{border-radius:9999px}

/* ===== 光标 ===== */
.cursor-pointer{cursor:pointer}

/* ===== 行高 ===== */
.lh-1{line-height:1}.lh-tight{line-height:1.3}