/* 间距工具类 */
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

/* 文本工具类 */
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

.text-primary { color: var(--primary-color) !important; }
.text-dark { color: var(--dark-color) !important; }
.text-light { color: var(--white) !important; }

/* 显示工具类 */
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.d-grid { display: grid !important; }

/* 弹性布局工具类 */
.justify-center { justify-content: center !important; }
.align-center { align-items: center !important; }
.flex-column { flex-direction: column !important; }

/* 背景工具类 */
.bg-primary { background-color: var(--primary-color) !important; }
.bg-light { background-color: var(--light-gray) !important; }
.bg-white { background-color: var(--white) !important; }

/* 边框工具类 */
.rounded { border-radius: 5px !important; }
.rounded-lg { border-radius: 15px !important; }
.border-0 { border: 0 !important; }

/* 阴影工具类 */
.shadow-sm { box-shadow: 0 2px 4px rgba(0,0,0,.075) !important; }
.shadow { box-shadow: 0 5px 15px rgba(0,0,0,.1) !important; }
.shadow-lg { box-shadow: 0 10px 30px rgba(0,0,0,.15) !important; }