.inventory-bg { min-height: 100vh; background: #f5f6f7; padding: 0.75rem; } .inventory-card { background: #fff; border-radius: 0.75rem; padding: 1rem 0.75rem; margin-bottom: 0.75rem; } .readonly-group { margin-bottom: 1rem; padding: 0.75rem; background: #f8f9fa; border-radius: 0.5rem; } .readonly-item { display: flex; justify-content: space-between; margin-bottom: 0.625rem; } .readonly-item:last-child { margin-bottom: 0; } .readonly-label { color: #666; font-size: 0.875rem; } .readonly-value { color: #333; font-size: 0.875rem; font-weight: 500; } .form-group { margin-bottom: 1rem; } .form-label { font-size: 0.875rem; color: #333; margin-bottom: 0.5rem; font-weight: 500; } .form-input { height: 2.75rem; background: #f8f9fa; border: none; border-radius: 0.5rem; padding: 0 0.75rem; font-size: 0.875rem; color: #333; } .form-textarea { min-height: 5rem; background: #f8f9fa; border: none; border-radius: 0.5rem; padding: 0.625rem 0.75rem; font-size: 0.875rem; color: #333; } .photo-upload { display: flex; flex-wrap: wrap; gap: 0.625rem; } .photo-preview { position: relative; width: 5rem; height: 5rem; } .photo-btn { width: 5rem; height: 5rem; background: #f8f9fa; border-radius: 0.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; } .photo-btn .iconfont { font-size: 1.5rem; color: #666; margin-bottom: 0.25rem; } .btn-text { font-size: 0.75rem; color: #666; } .photo-preview { position: relative; } .photo-img { width: 5rem; height: 5rem; border-radius: 0.5rem; } .photo-del { position: absolute; top: -0.5rem; right: -0.5rem; width: 1.25rem; height: 1.25rem; background: rgba(0,0,0,0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .delete-icon { color: #ff4d4f; font-size: 1rem; font-weight: bold; line-height: 1; } .submit-btn { width: 100%; height: 2.75rem; background: #409eff; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 1.375rem; margin-top: 1.5rem; } .submit-btn:active { opacity: 0.9; }