/* 订单管理样式 */ .admin-orders { padding: 0; } /* 统计卡片 - 修复颜色问题,使用更高优先级 */ .admin-orders .stats-card { background: #ffffff !important; color: #2c3e50 !important; border: 1px solid #e9ecef !important; border-radius: 0.5rem !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important; transition: transform 0.2s, box-shadow 0.2s; padding: 1.25rem !important; } .admin-orders .stats-card:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; } .admin-orders .stats-card .card-body { padding: 0 !important; text-align: center; } .stats-number { font-size: 2.2rem; font-weight: bold; color: #2c3e50 !important; line-height: 1.2; margin-bottom: 0.25rem; } .stats-label { font-size: 0.9rem; color: #6c757d !important; font-weight: 500; } /* 状态特定颜色 - 使用更明显的颜色对比 */ .admin-orders .stats-card.pending-payment { border-left: 4px solid #ffc107 !important; } .admin-orders .stats-card.pending-payment .stats-number { color: #f39c12 !important; } .admin-orders .stats-card.pending-shipment { border-left: 4px solid #17a2b8 !important; } .admin-orders .stats-card.pending-shipment .stats-number { color: #17a2b8 !important; } .admin-orders .stats-card.shipped { border-left: 4px solid #28a745 !important; } .admin-orders .stats-card.shipped .stats-number { color: #28a745 !important; } .admin-orders .stats-card.completed { border-left: 4px solid #6f42c1 !important; } .admin-orders .stats-card.completed .stats-number { color: #6f42c1 !important; } .admin-orders .stats-card.cancelled { border-left: 4px solid #dc3545 !important; } .admin-orders .stats-card.cancelled .stats-number { color: #dc3545 !important; } /* 订单状态徽章 */ .order-status-1 { background-color: #ffc107; color: #212529; } .order-status-2 { background-color: #17a2b8; color: #fff; } .order-status-3 { background-color: #28a745; color: #fff; } .order-status-4 { background-color: #fd7e14; color: #fff; } .order-status-5 { background-color: #6f42c1; color: #fff; } .order-status-6 { background-color: #dc3545; color: #fff; } .order-status-7 { background-color: #e83e8c; color: #fff; } /* 表格样式 */ .table th { background-color: #f8f9fa; font-weight: 600; border-bottom: 2px solid #dee2e6; } .table td { vertical-align: middle; } .table-hover tbody tr:hover { background-color: #f8f9fa; } /* 操作按钮组 */ .btn-group .btn { border-radius: 0.375rem; margin-right: 0.25rem; } .btn-group .btn:last-child { margin-right: 0; } /* 商品缩略图 */ .product-thumb { border-radius: 0.375rem; border: 1px solid #dee2e6; } /* 订单详情页面 */ .admin-order-detail .card { border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .admin-order-detail .card-header { background-color: #f8f9fa; border-bottom: 1px solid #dee2e6; } .admin-order-detail .table th { background-color: transparent; border-bottom: 1px solid #dee2e6; font-weight: 600; } .admin-order-detail .table td { border-bottom: 1px solid #dee2e6; } /* 模态框样式 */ .modal-header { background-color: #f8f9fa; border-bottom: 1px solid #dee2e6; } .modal-body .form-label { font-weight: 600; } /* 响应式设计 */ @media (max-width: 768px) { .admin-orders .stats-card { margin-bottom: 1rem; } .stats-number { font-size: 1.8rem; } .btn-group { flex-direction: column; gap: 0.25rem; } .btn-group .btn { margin-right: 0; } .table-responsive { font-size: 0.875rem; } }