.admin-container.data-v-ce40c64c { min-height: 100vh; background: #f5f5f5; padding-bottom: 120rpx; } .admin-header.data-v-ce40c64c { display: flex; justify-content: space-between; align-items: center; padding: 60rpx 30rpx 30rpx; background: linear-gradient(135deg, #3366ff 0%, #254edb 100%); } .admin-header .header-left .header-title.data-v-ce40c64c { font-size: 40rpx; font-weight: bold; color: #fff; display: block; } .admin-header .header-left .header-subtitle.data-v-ce40c64c { font-size: 24rpx; color: rgba(255, 255, 255, 0.8); margin-top: 8rpx; display: block; } .admin-header .header-right.data-v-ce40c64c { display: flex; align-items: center; background: rgba(255, 255, 255, 0.2); padding: 16rpx 32rpx; border-radius: 40rpx; } .admin-header .header-right .add-icon.data-v-ce40c64c { font-size: 32rpx; color: #fff; margin-right: 8rpx; } .admin-header .header-right .add-text.data-v-ce40c64c { font-size: 28rpx; color: #fff; } .search-bar.data-v-ce40c64c { padding: 20rpx 30rpx; } .search-bar .search-input-wrap.data-v-ce40c64c { display: flex; align-items: center; background: #fff; border-radius: 40rpx; padding: 0 30rpx; box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05); } .search-bar .search-input-wrap .search-icon.data-v-ce40c64c { font-size: 28rpx; margin-right: 20rpx; } .search-bar .search-input-wrap .search-input.data-v-ce40c64c { flex: 1; height: 80rpx; font-size: 28rpx; } .category-list.data-v-ce40c64c { padding: 0 30rpx; } .category-card.data-v-ce40c64c { display: flex; align-items: center; background: #fff; border-radius: 20rpx; padding: 30rpx; margin-bottom: 20rpx; box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05); } .category-card .category-icon-wrap.data-v-ce40c64c { width: 80rpx; height: 80rpx; border-radius: 50%; background: linear-gradient(135deg, #3366ff 0%, #254edb 100%); display: flex; align-items: center; justify-content: center; margin-right: 24rpx; } .category-card .category-icon-wrap .category-icon.data-v-ce40c64c { font-size: 36rpx; } .category-card .category-info.data-v-ce40c64c { flex: 1; } .category-card .category-info .category-name.data-v-ce40c64c { font-size: 32rpx; font-weight: bold; color: #333; } .category-card .category-info .category-category.data-v-ce40c64c { font-size: 24rpx; color: #999; margin-top: 8rpx; } .category-card .category-price-info.data-v-ce40c64c { text-align: right; margin-right: 24rpx; } .category-card .category-price-info .price-value.data-v-ce40c64c { font-size: 36rpx; font-weight: bold; color: #3366ff; } .category-card .category-price-info .price-unit.data-v-ce40c64c { font-size: 24rpx; color: #999; } .category-card .category-actions.data-v-ce40c64c { display: flex; flex-direction: column; } .category-card .category-actions .action-btn.data-v-ce40c64c { width: 60rpx; height: 60rpx; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 10rpx; } .category-card .category-actions .action-btn.edit.data-v-ce40c64c { background: #fff3e0; } .category-card .category-actions .action-btn.delete.data-v-ce40c64c { background: #ffebee; } .empty-state.data-v-ce40c64c { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 100rpx 0; } .empty-state .empty-icon.data-v-ce40c64c { font-size: 100rpx; margin-bottom: 20rpx; } .empty-state .empty-text.data-v-ce40c64c { font-size: 28rpx; color: #999; } .tab-bar.data-v-ce40c64c { position: fixed; bottom: 0; left: 0; right: 0; display: flex; background: #fff; padding: 20rpx 0 60rpx; box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05); } .tab-bar .tab-item.data-v-ce40c64c { flex: 1; display: flex; flex-direction: column; align-items: center; } .tab-bar .tab-item .tab-icon.data-v-ce40c64c { font-size: 40rpx; margin-bottom: 8rpx; } .tab-bar .tab-item .tab-text.data-v-ce40c64c { font-size: 22rpx; color: #999; } .tab-bar .tab-item.active .tab-text.data-v-ce40c64c { color: #3366ff; font-weight: bold; } .modal-overlay.data-v-ce40c64c { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; } .modal-overlay .modal-box.data-v-ce40c64c { width: 600rpx; background: #fff; border-radius: 30rpx; overflow: hidden; } .modal-overlay .modal-box .modal-header.data-v-ce40c64c { display: flex; justify-content: space-between; align-items: center; padding: 30rpx; border-bottom: 1rpx solid #eee; } .modal-overlay .modal-box .modal-header .modal-title.data-v-ce40c64c { font-size: 34rpx; font-weight: bold; color: #333; } .modal-overlay .modal-box .modal-header .modal-close.data-v-ce40c64c { font-size: 40rpx; color: #999; padding: 10rpx; } .modal-overlay .modal-box .modal-body.data-v-ce40c64c { padding: 30rpx; } .modal-overlay .modal-box .modal-body .form-group.data-v-ce40c64c { margin-bottom: 30rpx; } .modal-overlay .modal-box .modal-body .form-group .form-label.data-v-ce40c64c { font-size: 28rpx; color: #666; margin-bottom: 16rpx; display: block; } .modal-overlay .modal-box .modal-body .form-group .form-input.data-v-ce40c64c { width: 100%; height: 80rpx; border: 2rpx solid #eee; border-radius: 16rpx; padding: 0 24rpx; font-size: 28rpx; box-sizing: border-box; } .modal-overlay .modal-box .modal-body .form-group .form-input.price-input.data-v-ce40c64c { padding-left: 60rpx; } .modal-overlay .modal-box .modal-body .form-group .price-input-wrap.data-v-ce40c64c { position: relative; } .modal-overlay .modal-box .modal-body .form-group .price-input-wrap .price-symbol.data-v-ce40c64c { position: absolute; left: 24rpx; top: 50%; transform: translateY(-50%); font-size: 28rpx; color: #3366ff; font-weight: bold; } .modal-overlay .modal-box .modal-body .form-group .unit-options.data-v-ce40c64c { display: flex; } .modal-overlay .modal-box .modal-body .form-group .unit-options .unit-option.data-v-ce40c64c { flex: 1; height: 80rpx; border: 2rpx solid #eee; border-radius: 16rpx; display: flex; align-items: center; justify-content: center; font-size: 28rpx; margin-right: 20rpx; } .modal-overlay .modal-box .modal-body .form-group .unit-options .unit-option.data-v-ce40c64c:last-child { margin-right: 0; } .modal-overlay .modal-box .modal-body .form-group .unit-options .unit-option.active.data-v-ce40c64c { border-color: #3366ff; color: #3366ff; background: rgba(51, 102, 255, 0.1); } .modal-overlay .modal-box .modal-footer.data-v-ce40c64c { display: flex; border-top: 1rpx solid #eee; } .modal-overlay .modal-box .modal-footer .modal-btn.data-v-ce40c64c { flex: 1; height: 88rpx; display: flex; align-items: center; justify-content: center; font-size: 32rpx; } .modal-overlay .modal-box .modal-footer .modal-btn.cancel.data-v-ce40c64c { color: #666; border-right: 1rpx solid #eee; } .modal-overlay .modal-box .modal-footer .modal-btn.confirm.data-v-ce40c64c { color: #3366ff; font-weight: bold; }